@font-face {font-family: 'Abel';font-style: normal;font-weight: 400;src: url('Fonts/abel-v12-latin-regular.eot'); /* IE9 Compat Modes */src: local(''),url('Fonts/abel-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */url('Fonts/abel-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */url('Fonts/abel-v12-latin-regular.woff') format('woff'), /* Modern Browsers */url('Fonts/abel-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */url('Fonts/abel-v12-latin-regular.svg#Abel') format('svg'); /* Legacy iOS */} 
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: #ccc;color: #ccc;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;float:left;margin:0 10px 0 0;width:15px;height:15px;}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:#365585;color:#fff;text-shadow: none;}::-webkit-selection {background:#365585;color:#fff;text-shadow: none;}::selection {background:#365585;color:#fff;text-shadow: none;}* {-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing: border-box;} ::-webkit-input-placeholder {color: #000;}::-moz-placeholder {color: #000;}:-ms-input-placeholder {color: #000;}:-moz-placeholder {color: #000;}
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%;}main li ul, main 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: #000;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;}em {font-style:italic}
body, h1, h2, h3, h4, h5, h6, input, textarea, select, button, p, li {font: normal 22px Abel, Arial, Helvetica, sans-serif;}
body {font-size:22px;color:#000;-webkit-animation: bugfix infinite 1s;overflow-x:hidden;background:#919191 url(../images/bg2.png) center -400px no-repeat;}
h1, h2, h3, h4, h5, h6, h7 {color:#252525;margin:0px 0px 5% 0px;line-height:100%;}
h1 {font-size: 34px;margin:0} h2, .bigtitle {font-size: 40px;} h3 {font-size: 30px;} h4 {font-size: 24px;} h5 {font-size: 18px;}
p, li {margin:0px 0px 15px 0px;line-height:140%;} 
input, textarea, select {border:none;padding:5px 10px;width:100%;color:#000} 
select {padding:4px 10px;}
input:hover, textarea:hover, select:hover, input:focus, textarea:focus, select:focus {}
label {position:relative;display:block;margin:0 0 20px 0;width: 100%;float: left;} 
input[type="checkbox"] {float:left;margin: 5px 10px 0 0px;width:20px;height:20px;}
a, a:link,  a:visited,  a:focus,  a:active{color:#365585;text-decoration:none;outline-style:none;} a:hover, a:focus {color:#000;}
.mainmenu a, .mainmenu a:before, .mainmenu a:after, .menuopen, div .more, div input[type="submit"], button, .simplegallery img, a img, .featuresplace div, .featuresplace img,
.shoppingcart a, #contactfooter, .imgplace:before, .submitsearch, .infobox div, .sliderhome a {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;}
div:after {content: "";display: table;clear: both;}
.loading, .errorplace, .dnone, .slick-slider:after, .slick-slider div:after, .imagesplace:after, .cookiesplaceold, .popupplacefrompage {display: none;}
.errorplace {color:#ff0000;position:absolute;left:0;bottom:-12px;font-size:11px;}
.error {background: #ffe3e3;color: #ff0000;width: 100%;float: left;margin: 0;}
.alert{color:#ff0000;margin:0 0 20px 0;font-size:12px;display:none}
/*iframe {max-height:1000px;width:100%;}*/

#main {max-width:1920px;margin:auto;}

.page {max-width:1000px;margin:0 auto}
.pagewide, .pagewide2 {max-width:1500px;margin:0 auto}

header {position:fixed;left:0;top:0;width:100%;z-index:998;display:flex}
header > div {flex: auto;width: 100%;/*margin: 0 0 0 30px;*/}
header > div:first-of-type {margin: 0px;height:120px;width:25%;background:#f1f1f1;display:flex;align-items: center;justify-content: center;position:relative;}
/*header > div:first-of-type:after {    background: #fff;width: 30px;height: 110%;position: absolute;right: -30px;top: -24px;transform: skewY(-34.5deg);}*/
header > div:first-of-type:after {
    content: "";
    display: block;
    width: 99%;
    height: 5px;
    position: absolute;
    left: 0;
    bottom: 2px;
    background: #666;
}
.logo {display: block;}
.logo img {/*max-width:none;   max-width: 90%;margin: 5%;*/ }
.logo:after {}

.topmenuplace {background: #252424;}
.menuplace {background:#f1f1f1;}
.menuplace ul ul, .menuplace ul ul ul {display:block;}

.mainmenu {display: flex;align-content:stretch;justify-content:space-between;flex-wrap: wrap;}
.mainmenu li {flex: auto;position:relative}
.mainmenu > li a {color:#000;display:flex;text-align:center;line-height:110%;padding:0px 10px;/*text-transform:uppercase;*/margin:0 2px 0 0;font-size: 1.3vw;height:60px;align-items: center;justify-content: center;position: relative;}
.mainmenu > li a:after, .mainmenu > li a:before {content:"";display:block;width:100%;height:5px;position:absolute;right:0;bottom:2px;background:#89a187;}
.mainmenu > li a:before {right:-2px;bottom:auto;top:45%;background:#000;height:5px;width:5px;}
.mainmenu > li:last-of-type a:before {display:none}
.mainmenu > li:nth-of-type(2n) a:after {background:#6daa9f}
.mainmenu > li:nth-of-type(3n) a:after {background:#c8be8f}
.mainmenu > li:nth-of-type(4n) a:after {background:#c99a90}
.mainmenu > li:nth-of-type(5n) a:after {background:#6a94a9}
.mainmenu > li:nth-of-type(6n) a:after {background:#8e7a8f}

.mainmenu > li a:hover, .mainmenu > li a:focus, .mainmenu > li.this > a, .mainmenu > li:hover > a {color:#fff;background:#89a187;}
.mainmenu > li:nth-of-type(2n) a:hover, .mainmenu > li:nth-of-type(2n) a:focus, .mainmenu > li:nth-of-type(2n).this > a, .mainmenu > li:nth-of-type(2n):hover > a {background:#6daa9f;}
.mainmenu > li:nth-of-type(3n) a:hover, .mainmenu > li:nth-of-type(3n) a:focus, .mainmenu > li:nth-of-type(3n).this > a, .mainmenu > li:nth-of-type(3n):hover > a {background:#c8be8f;}
.mainmenu > li:nth-of-type(4n) a:hover, .mainmenu > li:nth-of-type(4n) a:focus, .mainmenu > li:nth-of-type(4n).this > a, .mainmenu > li:nth-of-type(4n):hover > a {background:#c99a90;}
.mainmenu > li:nth-of-type(5n) a:hover, .mainmenu > li:nth-of-type(5n) a:focus, .mainmenu > li:nth-of-type(5n).this > a, .mainmenu > li:nth-of-type(5n):hover > a {background:#6a94a9;}
.mainmenu > li:nth-of-type(6n) a:hover, .mainmenu > li:nth-of-type(6n) a:focus, .mainmenu > li:nth-of-type(6n).this > a, .mainmenu > li:nth-of-type(6n):hover > a {background:#8e7a8f;}

.mainmenu li li {padding:0 30px 0 30px;display:block;overflow:hidden}
.mainmenu li li a, .mainmenu li.this li a {color:#fff;padding:5px 10px;text-align:initial;display:block;height:auto;font-size: .9vw;}
.mainmenu li li a:hover, .mainmenu li li a:focus, .mainmenu li li.this > a {color:#000;background:#fff !important;}
.mainmenu li li a:after, .mainmenu li li a:before {background: #fff!important;width: 20px;height: 110%;position: absolute;left: -20px;top: 7px;transform: skewY(-34.5deg);content:"";display:block;opacity:0}
.mainmenu li li a:after {transform: skewY(-34.5deg);left:auto;right: -20px;top: -10px;}
.mainmenu li li a:hover:after, .mainmenu li li a:hover:before, .mainmenu li li a:focus:after, .mainmenu li li a:focus:before, .mainmenu li li.this > a:before,
.mainmenu li li.this > a:after {opacity:1}

.mainmenu li li li {float:none;display:block;margin: 0 20px;}
.mainmenu li li li a {color:#fff;text-align:initial}
.mainmenu li li li a:hover, .mainmenu li li li a:focus, .mainmenu li li li.this > a {color:#fff;}
.mainmenu li li li.this > a {color:#365585;}

.mainmenu .learnmore:before, .mainmenu .learnmore:after {display:none;}

.topmenu {display: flex;align-content:stretch;justify-content:space-between;flex-wrap: wrap;margin:0 2%;float:right}
.topmenu li {flex: auto;position:relative}
.topmenu > li a {color:#ccc;display:flex;text-align:center;line-height:110%;position:relative;padding:0 10px;/*text-transform:uppercase;*/margin:0 1px;font-size: 1vw;height:60px;align-items: center;justify-content: center;}
.topmenu > li a:after {content:"";display:block;position:absolute;right:0;top:33%;background:#ccc;width:1px;height:20px;}
.topmenu a:hover, .topmenu a:focus, .topmenu li.this > a, .topmenu li:hover > a {background:#577aaf;color:#fff;}
.topmenu li li {padding:0 30px 0 30px;display:block;overflow:hidden}
.topmenu li li a, .topmenu li.this li a {color:#fff;padding:5px 10px;text-align:initial;display:block;height:auto;font-size: 1vw;}
.topmenu li li a:hover, .topmenu li li a:focus, .topmenu li li.this > a {color:#000;background:#fff;}

.topmenu li li a:after, .topmenu li li a:before {background: #fff;width: 20px;height: 110%;position: absolute;left: -20px;top: 7px;transform: skewY(-34.5deg);content:"";display:block;opacity:0}
.topmenu li li a:after {transform: skewY(-34.5deg);left:auto;right: -20px;top: -7px;}
.topmenu li li a:hover:after, .topmenu li li a:hover:before, .topmenu li li a:focus:after, .topmenu li li a:focus:before, .topmenu li li.this > a:before {opacity:1}

.topmenu li li li {float:none;display:block;margin: 0 20px;}
.topmenu li li li a {color:#fff;text-align:initial}
.topmenu li li li a:hover, .topmenu li li li a:focus, .topmenu li li li.this > a {color:#fff;}
.topmenu li li li.this > a {color:#365585;}

.mainmenu li:hover > .dropmenuplace, .topmenu li:hover > .dropmenuplace, .dropmenuplace.show-menu {opacity: 1;display:block}

.dropmenuplace {padding:40px 0 20px 0px;position: absolute;top: 60px;left: 0px;z-index: 1;opacity: 0;width: 380px;display: none;background: #6d6d6d;box-shadow: 0px 10px 10px rgb(100 100 100 / 50%);}
/*.dropmenuplace:after, .dropmenuplace:before {content:"";display:block;width:2000px;top:0;left:100%;background: #4b4a4a\8;background: rgba(75, 75, 75, 0.8);    height: 100%;position: absolute;}
.dropmenuplace:before {left:auto;right:100%}

.botdrop {width: 3400px;bottom: -80px;left: -1700px;background: #4b4a4a\8;background: rgba(75, 75, 75, 0.8);height: 80px;position: absolute;border-top: 1px solid #fff;}
*/
.mainmenu .learnmore {font-size:16px;padding:10px 10px;background:#272727;color:#fff;bottom: -55px;height: auto;position: absolute;z-index: 2;left: 0;width:100%;display:none}
.topmenu .learnmore {display:none}

.mainmenu li .dropmenuplace {background:#89a187;}
.mainmenu li:nth-of-type(2n) .dropmenuplace {background:#6daa9f;}
.mainmenu li:nth-of-type(3n) .dropmenuplace {background:#c8be8f;}
.mainmenu li:nth-of-type(4n) .dropmenuplace {background:#c99a90;}
.mainmenu li:nth-of-type(5n) .dropmenuplace {background:#6a94a9;}
.mainmenu li:nth-of-type(6n) .dropmenuplace {background:#8e7a8f;}

.moremenu {width: 35px;height: 30px;position: absolute;left: 50%;bottom: -40px;margin: 0 0 0 -17px;display: none;z-index: 2;}
.mainmenu li:hover .moremenu, .topmenu li:hover .moremenu {display:block}
.moremenu:before, .moremenu:after {    background: #fff;content: "";display: block;width: 1px;height: 16px;transform: rotate(-60deg);opacity: 1;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;position: absolute;left: 10px;top: 0;}
.moremenu:before {transform: rotate(60deg);left: auto;right: 10px;}

.maincontent {margin:120px 0 0 0}

.slidetodown {width:60px;height:30px;position:absolute;left:50%;bottom:-40px;margin:0 0 0 -30px;cursor:auto}
.slidetodown:before, .slidetodown:after {background:#fff;content:"";display:block;width:3px;height:33px;transform: rotate(-60deg);opacity:1;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;position:absolute;left:15px;top:0;}
.slidetodown:before {transform: rotate(60deg);left:auto;right:15px;}

.bodytext {background:#fff;padding:0 8% 8% 8%;height:100%}
.bodytext ul li, .flexbody2 li, .flexbody li, .login li {padding-left:15px;background: url(../images/dot.png) left 10px no-repeat;}
.bodytext p, .bodytext li{font-size:18px;}
.login li {font-size:14px;}
.bodytext .titlemenu {margin:20px 0 10px 0;border-bottom:1px solid #000;padding:0 0 10px 0;}
.bodytext h2, .bodytext h3, .bodytext h4 {margin:0 0 10px 0}

.tmpproductitem .bodytext {padding: 2% 4% 2% 4%;}

div .more, div input[type="submit"], #showmore, .btnorder,  .viewas button, a.btnstyle, .addtocart, a.continueCheck {border:1px solid #000;display: flex;align-items: center;justify-content: center;background: none;color: #000;text-align: center;padding: 9px 30px;font-size: initial;font-weight:600;/*text-transform:uppercase*/}
div .more:hover, div .more:focus, div input[type="submit"]:hover, div input[type="submit"]:focus, #showmore:hover, .viewas button.this,
.btnorder:hover, .viewas button:hover, .btnorder:focus, .viewas button:focus, a.btnstyle:hover,
a.btnstyle:focus, .addtocart:hover, .addtocart:focus, a.continueCheck:hover, a.continueCheck:focus {background: #436eaf;color:#fff}

div .slick-dots {bottom:0;text-align:right;padding:0 2%}
div .slick-dots li {padding:0;background:none}
div .slick-dots li button {-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;padding:0;width: 17px;height: 17px;border:2px solid #fff}
div .slick-dots li button:before {font-size: 18px;width: 18px;height: 18px;line-height: 100%;color:#8e8e8e;top: 1px;left: -1px;}
div .slick-dots li.slick-active button:before {opacity:1;color:#ccc}
div .slick-prev, div .slick-next {z-index:13;width: 40px;height: 40px;}
div .slick-prev {left:-40px;transform: rotate(180deg);margin-top: -20px;}
div .slick-next {right:-40px}
div .slick-next:before, div .slick-prev:before, div .slick-next:after, div .slick-prev:after {background:#000;content:"";display:block;position:absolute;right:15px;top:-5px;width:3px;height:30px;transform: rotate(-45deg);opacity:1;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
div .slick-next:before, div .slick-prev:before {transform: rotate(45deg);top:15px;}
div .slick-next.slick-disabled:before, div .slick-prev.slick-disabled:before {opacity:1}
div .slick-dotted.slick-slider {margin:0;/*background:#fff;height: 100%;*/}

.imagesplace {position:relative;z-index:9;background: #fff;height:100%}
.imagesplace div {height:100%}
.imagesplace a {display:flex !important;margin:auto;position:relative;height:100%;overflow:hidden;align-items: center;justify-content: center;}
.imagesplace img {max-width:90%;max-height:90%;min-height:150px;}
.imagesplace a:hover img, .imagesplace 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);}
.imagesplace .slick-dots {bottom:50px;}
.imagesplace .slick-dots li button:before, .imagesplace .slick-dots li.slick-active button:before {color:#365585;}

.imgside.imagesplaceprod {float:right;margin:0 0px 20px 20px;width:45%}
.imgside.imagesplaceprod img {max-height:600px;margin:auto}

.imgpage {overflow:hidden}
.imgpage img {/*max-width: none;height: 100%; */   position: absolute;left: 0;top: 0;}

div .curtainplace {background: #000000\8;background: rgba(0, 0, 0, 0.8);width:100%;height:auto;position:absolute;left:0px;bottom:0px;margin:0;}
div .curtainplace .curtain {padding:5px;display:block;color:#ffffff;text-align:center;height:auto;}

.imagesplace div.sliderbtn {position: absolute;left: 10px;bottom: 10px;display:none;width:200px;height:auto}
.sliderbtn a {margin:0 5px;background:#333;padding:5px 10px;color:#fff;font-size:16px;height:auto;width:auto;display:inline-block !important}
.sliderbtn a:hover, .sliderbtn a:focus {text-decoration:underline}

.flexbody {display:flex;flex-wrap: wrap;margin:2% auto}
.flexbody > div {width:49%;margin:.5%;position:relative;overflow:hidden}
.flexbody > div:before {width: 110%;height: 40px;transform: skewX(-45deg);margin: 0px 0 0 20px;content: "";display: block;background: #fff;}

.flexbody2 {display:flex;flex-wrap: wrap;margin:0 auto;width:100%;float:left}
.flexbody2 > div {width:50%;position:relative;padding:4%;background: #fff;}

.flexbodylong {display:flex;flex-wrap: wrap;margin:2% auto 0 auto;position:relative;}
.flexbodylong > div {width:50%;background: #fff;}

.flexbodylonggrey {display:flex;flex-wrap: wrap;background: #bbbbbb;}
.flexbodylonggrey > div {width:50%;position:relative;overflow:hidden}
.flexbodylonggrey .imgpage img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.flexbodylonggrey .bodytext {padding:8%;background: #bbbbbb;}
.flexbodylonggrey .bodytext p, .flexbodylonggrey .bodytext li {font-weight:600}

.innertitle {display: flex;overflow:hidden}
.innertitle span {background:#a6a6a6;color:#fff;font-size:40px;width: 95%;padding:2% 10px 2% 0%}
.innertitle:before {background: #a6a6a6;width: 6%;transform: skewY(-45deg);content: "";display: block;margin: 10px 0 -50px 0;}

/*.flexbody .doclinkplace:before {display:none}*/
.doclinkplace .bodytext {display:flex;}
.doclinkplace .bodytext > div, .doclinkplace .bodytext > div div {width:50%;background:none;flex-direction: column;text-align:initial;color:#000;align-items: flex-start;}
.doclinkplace .bodytext > div div {width:100%;}
.doclinkplace .bodytext .title {border-bottom:1px solid #000}

.doclinkplace.pagewide {margin-top:2%}

.featuresplace {padding:2% 4% 0 4%;width:100%;float:left;position:relative;z-index:3}
.featuresplace .bigtitle2 {display: flex;overflow: hidden;max-width:1500px;margin:auto}
.featuresplace .bigtitle2 span {color:#fff;font-size:40px;width: 95%;padding:2%;text-align:center;background: #c2c2c2;}
.featuresplace .bigtitle2:before {background: #c2c2c2;width: 5.2%;transform: skewY(-45deg);content: "";display: block;margin: 30px 0 -50px 0;}
.featuresplace .features {display:flex;background:#c2c2c2;max-width:1500px;margin:0 auto;padding:0 2% 2% 2%;position:relative;z-index:3;flex-wrap: wrap;}

.featuresplace.indexfeatures {background:#fff;padding:2%;}
.featuresplace.indexfeatures .bigtitle2 {display:none}
.featuresplace.indexfeatures .features {flex-wrap: wrap;padding:0;border:1px solid #89a187;}
.featuresplace.indexfeatures .features {max-width:none;background:none}
.featuresplace.indexfeatures .feature {margin:0;width:50%;}
.featuresplace.indexfeatures .feature a {flex-direction: row;}
.featuresplace.indexfeatures .feature a > div {width:50%;}
.featuresplace.indexfeatures .feature:nth-of-type(3) a, .featuresplace.indexfeatures .feature:nth-of-type(4) a {flex-direction: row-reverse;}
.featuresplace.indexfeatures .feature .title {padding:0;font-weight: 600;}
.featuresplace.indexfeatures .feature .imgplace:before {border-width: 50px 25px 50px 0;border-color: transparent #272727 transparent transparent;right:0;bottom:auto;top:50%;margin:-50px 0 0 0;}
.featuresplace.indexfeatures .feature a:hover .imgplace:before, .featuresplace.indexfeatures .feature a:focus .imgplace:before {border-width: 50px 50px 50px 0;}
.featuresplace.indexfeatures .feature:nth-of-type(3) a:hover .imgplace:before, .featuresplace.indexfeatures .feature:nth-of-type(3) a:focus .imgplace:before,
.featuresplace.indexfeatures .feature:nth-of-type(4) a:hover .imgplace:before, .featuresplace.indexfeatures .feature:nth-of-type(4) a:focus .imgplace:before {border-width: 50px 0px 50px 50px;}
.featuresplace.indexfeatures .feature:nth-of-type(3) .imgplace:before, .featuresplace.indexfeatures .feature:nth-of-type(4) .imgplace:before {right:auto;left:0;border-width: 50px 0 50px 25px;border-color: transparent transparent transparent #272727;}

.featuresplace.indexfeatures .feature.greendark:nth-of-type(3) .imgplace:before, .featuresplace.indexfeatures .feature.greendark:nth-of-type(4) .imgplace:before {border-color: transparent transparent transparent #89a187;}
.featuresplace.indexfeatures .feature.green:nth-of-type(3) .imgplace:before, .featuresplace.indexfeatures .feature.green:nth-of-type(4) .imgplace:before {border-color: transparent transparent transparent #6daa9f ;}
.featuresplace.indexfeatures .feature.yellow:nth-of-type(3) .imgplace:before, .featuresplace.indexfeatures .feature.yellow:nth-of-type(4) .imgplace:before {border-color: transparent transparent transparent #c8be8f;}
.featuresplace.indexfeatures .feature.peach:nth-of-type(3) .imgplace:before, .featuresplace.indexfeatures .feature.peach:nth-of-type(4) .imgplace:before {border-color: transparent transparent transparent #c99a90;}
.featuresplace.indexfeatures .feature.blue:nth-of-type(3) .imgplace:before, .featuresplace.indexfeatures .feature.blue:nth-of-type(4) .imgplace:before {border-color: transparent transparent transparent #6a94a9;}
.featuresplace.indexfeatures .feature.violet:nth-of-type(3) .imgplace:before, .featuresplace.indexfeatures .feature.violet:nth-of-type(4) .imgplace:before {border-color: transparent transparent transparent #8e7a8f;}

.featuresplace.indexfeatures .feature.greendark .imgplace:before {border-color: transparent #89a187 transparent transparent;}
.featuresplace.indexfeatures .feature.green .imgplace:before {border-color: transparent #6daa9f transparent transparent;}
.featuresplace.indexfeatures .feature.yellow .imgplace:before {border-color: transparent #c8be8f transparent transparent;}
.featuresplace.indexfeatures .feature.peach .imgplace:before {border-color: transparent #c99a90 transparent transparent;}
.featuresplace.indexfeatures .feature.blue .imgplace:before {border-color: transparent #6a94a9 transparent transparent;}
.featuresplace.indexfeatures .feature.violet .imgplace:before {border-color: transparent #8e7a8f transparent transparent;}
.featuresplace.indexfeatures .triangleplacegrey {display:none}

.featuresplace .feature {position:relative;width:15.5%;margin:.5%;position:relative;overflow:hidden}
.featuresplace .feature a {display:flex;    flex-direction: column;}
.featuresplace .feature a > div {position:relative;display:flex;align-items: center;justify-content: center;}
.featuresplace .feature .imgplace {height:230px;overflow:hidden;position:relative;background:#fff;}
.featuresplace .feature .imgplace:before {content:"";display:block;width: 0;height: 0;border-style: solid;border-width: 0 50px 25px 50px;border-color: transparent transparent #272727 transparent;position:absolute;right:50%;bottom:0%;margin:0px -50px 0 0;z-index:2}
.featuresplace .feature .title {color:#fff;font-size: 2vw;position:relative;padding:30px 0} 
.featuresplace .feature:before {width: 110%;height: 20px;transform: skewX(-45deg);margin: 0px -30px 0 10px;content: "";display: block;background: #fff;}


.featuresplace .feature a:hover img, .featuresplace .feature 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);}
.featuresplace .feature a:hover .imgplace:before, .featuresplace .feature a:focus .imgplace:before {border-width: 0px 50px 50px 50px;}
.featuresplace .feature:nth-of-type(3) a:hover .imgplace:before, .featuresplace .feature:nth-of-type(3) a:focus .imgplace:before,
.featuresplace .feature:nth-of-type(4) a:hover .imgplace:before, .featuresplace .feature:nth-of-type(4) a:focus .imgplace:before {border-width: 0px 50px 50px 50px;}

.featuresplace .feature.greendark .title, .featuresproduct .greendark .title {background:#89a187;}
.featuresplace .feature.green .title, .featuresproduct .green .title {background:#6daa9f;}
.featuresplace .feature.yellow .title, .featuresproduct .yellow .title {background:#c8be8f;}
.featuresplace .feature.peach .title, .featuresproduct .peach .title {background:#c99a90;}
.featuresplace .feature.blue .title, .featuresproduct .blue .title {background:#6a94a9;}
.featuresplace .feature.violet .title, .featuresproduct .violet .title {background:#8e7a8f;}

.featuresplace .feature.greendark .imgplace:before {border-color: transparent transparent #89a187  transparent;}
.featuresplace .feature.green .imgplace:before {border-color: transparent transparent #6daa9f  transparent;}
.featuresplace .feature.yellow .imgplace:before {border-color: transparent transparent #c8be8f  transparent;}
.featuresplace .feature.peach .imgplace:before {border-color: transparent transparent #c99a90  transparent;}
.featuresplace .feature.blue .imgplace:before {border-color: transparent transparent #6a94a9  transparent;}
.featuresplace .feature.violet .imgplace:before {border-color: transparent transparent #8e7a8f  transparent;}

.infoboxesplace {width: 100%;float: left;padding:0 4%;margin: 0 0 5% 0;}
.infoboxesplace .pagewide {background: #e4e4e4;padding: 8% 2% 1% 2%;display: flex;justify-content: center;}
.infobox {position: relative;width: 16.6%;margin: .5%;background: #fff;z-index:2}
.infobox .title {text-align:center;color:#fff;padding:20px;background:#436eaf ;}
.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 a:hover .title, .infobox a:focus .title {background: #dcaf4e;}
.infobox .imgplace {overflow:hidden}

.infoboxesplace2 {padding:50px 0 0 0;margin: 2.5% auto ;overflow: hidden;position:relative}
.infoboxesplace2 .pagewide {background: #e4e4e4;padding: 2%;display: flex;justify-content: center;    flex-wrap: wrap;}
.infoboxesplace2 .pagewide:before {width: 110%;height: 50px;transform: skewX(-45deg);left: 20px;top: 0px;content: "";display: block;background: #e4e4e4;position:absolute}
.infobox2 {position: relative;width: 23%;margin: 1%;background: #fff;z-index:2}
.infobox2 .title {text-align:center;color:#fff;padding:10px;background:#436eaf ;}
.infobox2 a:hover img, .infobox2 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);}
.infobox2 a:hover .title, .infobox2 a:focus .title {background: #dcaf4e;}
.infobox2 .imgplace {overflow:hidden}

.triangleplace, .triangleplacetop, .triangleplacegrey {position:relative;z-index: 2;max-width: 1500px;margin: auto;}
.triangleplace:before, .triangleplace:after, .triangleplacetop:before, .triangleplacetop:after, .triangleplacegrey:before, .triangleplacegrey:after {content: "";position: absolute;right: 0;width: 50.1%;bottom: -30px;height: 100px;background: #e4e4e4;transform: skewY(-5deg);}
.triangleplace:after, .triangleplacetop:after, .triangleplacegrey:after {right:auto;left: 0;transform: skewY(5deg);}
.triangleplacetop:before, .triangleplacetop:after, .triangleplacegrey:before, .triangleplacegrey:after {background: #c2c2c2;}

.triangleplacewhite {position:relative;z-index:1;padding: 0 0 10px 0;max-width: 1500px;margin: auto;}
.triangleplacewhite:before, .triangleplacewhite:after {content: "";position: absolute;right: 0;width: 50.1%;bottom: -30px;height: 60px;background: #fff;transform: skewY(-7deg);}
.triangleplacewhite:after {right:auto;left: 0;transform: skewY(7deg);}

.pagewide2 {margin-top:2%}

.simplebody {overflow: hidden;margin:2% auto}
.simplebody:before {width: 110%;height: 50px;transform: skewX(-45deg);margin: 0px -30px 0 25px;content: "";display: block;background: #fff;}
.simplebody	.bodytext {padding:0 4% 4% 4%;width: 100%;float: left;}
.simplebody.flexbodylong .bodytext {padding:0 8% 4% 8%;}
.simplebody.nocorner {margin-top:0;}
.simplebody.nocorner .bodytext {padding-top:4%}
.simplebody.nocorner:before {display:none}

.flexplace {display: flex;flex-wrap: wrap;float:left;width:100%;}
.flex {width: 23.5%;margin: .5%;position:relative;border:1px solid #ccc}
.flex .title {margin:10px 0;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;font-size:24px;color:#fff;background:#6daa9f;text-align:center}
.flex > a {display:block;color:#000;overflow: hidden;position:relative;height:100%}
.flex a:hover, .flex a:focus {color:#365585;}
.flex .imgplace {width: 100%;height: 230px;position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.flex a img {max-width:100%;max-height:100%}
.flex a:hover img, .flex 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);}
.flex .noimg {max-width:200px;max-height:200px}
.flex iframe {height:100%;}
.flex .date {font-weight:600;color:#436eaf;font-size: 18px; }
.flex .name {font-weight:600;color:#666;font-style:italic;margin:0 0 10px 0; }
.flex .abstract {padding:4%;font-size:16px;}

.flexplace.liststyle > .flex {width:100%;margin:0 0 2% 0;padding:0 0 2% 0;border:none;border-bottom:1px solid #ccc}
.flexplace.liststyle > .flex .imgplace {width:25%;float:left;margin: 0px 3% 0 0px;height: auto;}
.flexplace.liststyle > .flex .abstract {overflow: hidden;padding: 0;}
.flexplace.liststyle > .flex .title {background:none;color:#000;text-align:initial}

.flexplace.liststyle .childrenplace {margin:30px 0 0 0}
.flexplace.liststyle .childrenplace .imgplace {float:none;width: 100%;margin:0;}

.flexplace.productsline {position:relative}
.flexplace.productsline:after {position:absolute;left:50%;top:0;width:1px;height:100%;background:#000;content:"";display:block}
.flexplace.productsline > .flex2 {width:47%;margin:0 1.5% 1.5% 1.5%;border-top:1px solid #000;padding:2% 0;line-height:100%}
.flexplace.productsline > .flex2 .imgplace {width:30%;padding:0 2% 0 0;overflow:hidden}
.flexplace.productsline > .flex2 .abstract {width:70%;font-size:16px;}
.flexplace.productsline > .flex2 .title {margin:0 0 10px 0;font-size:30px;line-height: 110%;}
.flexplace.productsline > .flex2 a {color:#000;display:flex}
.flexplace.productsline > .flex2 a:hover {color:#365585}
.flexplace.productsline a:hover 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);}

.featuresproduct {display: flex;flex-wrap: wrap;float:left;width:100%;padding:.5%;margin:0 0 5% 0}
.featuresproduct > div {width: 13.25%;margin:.5%;position:relative;background:#fff;}
.featuresproduct .imgplace {height:250px;display:flex;align-items: center;justify-content: center;overflow:hidden;position:relative}
.featuresproduct .title {font-size:20px;text-align:center;padding:10px 5px;color:#fff;background:#89a187;}
.featuresproduct .moreabstract {margin:5%;font-size:14px;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height:125px;}
.featuresproduct .more {color:#7a7a7a;background:none;border:1px solid #7a7a7a;font-size:16px;margin:5%;padding:5px;}
.featuresproduct a:hover 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);}

.sliderhome {position: relative;overflow:hidden;}
.sliderhome .slide:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:60%;}
.sliderhome .greendark:before {background: rgb(137,161,135);background: linear-gradient(0deg, rgba(137,161,135,0) 0%, rgba(137,161,135,1) 100%);}
.sliderhome .green:before {background: rgb(109,170,159);background: linear-gradient(0deg, rgba(109,170,159,0) 0%, rgba(109,170,159,1) 100%);}
.sliderhome .yellow:before {background: rgb(200,190,143);background: linear-gradient(0deg, rgba(200,190,143,0) 0%, rgba(200,190,143,1) 100%);}
.sliderhome .peach:before {background: rgb(201,154,144);background: linear-gradient(0deg, rgba(201,154,144,0) 0%, rgba(201,154,144,1) 100%);}
.sliderhome .blue:before {background: rgb(106,148,169);background: linear-gradient(0deg, rgba(106,148,169,0) 0%, rgba(106,148,169,1) 100%);}
.sliderhome .violet:before {background: rgb(142,122,143);background: linear-gradient(0deg, rgba(142,122,143,0) 0%, rgba(142,122,143,1) 100%);}

.sliderhome div {margin:0;}
.sliderhome .caption {position: absolute;top: 20%;left:4%;width: 400px;}
.sliderhome .cornerplace {display:flex;overflow:hidden}
.sliderhome .cornerplace h2 {background:#faf7ef;padding:4%;width:95%;/*clip-path: polygon( 0 0%, 0 0, 90% 0%, 110% 60%, 100% 100%, 100% 100%, 0% 100%, 0% 100%, 0% 0% );*/position:relative}
.sliderhome .cornerplace:after {background: #faf7ef;width: 5%;transform: skewY(45deg);content:"";display:block;margin:8px 0 -30px 0}

.sliderhome .caption .abstract {background: #fff\7;background: rgba(255, 255, 255, 0.7);padding:4%}
.sliderhome h2, .sliderhome h3, .sliderhome p {color:#4b4a4a;margin:0;}
.sliderhome img {margin:60px auto 220px auto;}
.sliderhome .ask, .sliderhome .moreabout {width:50%;color:#fff;background:#436eaf;text-align:center;padding:20px;/*text-transform:uppercase;*/float:left;display:block}
.sliderhome .ask:hover, .sliderhome .ask:focus, .sliderhome .moreabout:hover, .sliderhome .moreabout:focus {background:#dcaf4e;color:#fff}
.sliderhome .moreabout {color:#333;background:#fff;}

.bannerslider {margin:5% auto 0% auto;width: 570px;background:#fff;padding:10px;font-size:14px;}
.bannerslider img {float:left;margin:0 20px 0 0;max-height:40px;}
.bannerslider h2 {font-size:16px;margin:5px 0;}

.circleplace {width:70%;position:absolute;left:100%;top:50%;}
.circleplace:before {content:"";display:block;background: #fff;width:100%;height:5px;position:absolute;left:0;top:0;}
.circleplace div {width:160px;height:160px;position:absolute;right:-80px;top:-80px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;background: #fff\4;background: rgba(255, 255, 255, 0.4);}
.circleplace div:before, .circleplace div:after {position:absolute;content:"";display:block;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;left:50%;}
.circleplace div:before {background: #fff;width:80px;height:80px;top:40px;margin:0 0 0 -40px}
.circleplace div:after {background: #436eaf;width:30px;height:30px;top:65px;margin:0 0 0 -15px}

.content, .content.contentwide {}
.content p a {text-decoration:underline;color:#365585;}
.content p a:hover, .content p a:focus {color:#000;}

.leftmenu {display:flex;flex-wrap: wrap;} 
.leftmenu li {display: block;width:33.3%}
.leftmenu a {display:block;color:#fff;padding:5px 5px 5px 30px;position:relative;/*text-transform:uppercase;*/line-height:100%;font-size: 14px;}
.leftmenu a:hover, .leftmenu .this a, .leftmenu a:focus {background:#577aaf}
.leftmenu a:after {content: "";display: block;position: absolute;left: 10px;top: 45%;background: #fff;height: 5px;width: 5px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}
.leftmenu .level2, .leftmenu .level3, .leftmenu .level4 {}

.mainabstract {margin:0 0 30px 0;}

.leftmenuinner a {display:block}
.bodytext .leftmenuinner li {background:none;padding:0;}
.bodytext .leftmenuinner li a {background: url(../images/dot2.png) 10px 10px no-repeat;padding:2px 5px 2px 30px;}
.bodytext .leftmenuinner li a:hover {background:#365584 url(../images/dot2a.png) 10px 10px no-repeat;color:#fff}

.breadcrumbs {background:#cdcdcd;padding:10px 10px 15px 22.5%}
.breadcrumbs ul {}
.breadcrumbs li {font-size:18px;color:#252525;text-transform: lowercase;line-height:100%}
.breadcrumbs span {padding: 0 5px;}
.breadcrumbs a {color:#436eaf;line-height:100%;text-decoration: underline}
.breadcrumbs a:hover, .breadcrumbs a:focus {color:#000}
.breadcrumbs br {display:none}

table {width: 100%;border-bottom:1px solid #ccc;border-left:1px solid #ccc;margin: 20px 0}
table td, table th {background:#fff;padding:5px;border: none;vertical-align: middle;min-width: 30px;font-size:16px;border-top:1px solid #ccc;border-right:1px solid #ccc;}
table th { text-align:center;color:#fff;background:#333;padding:10px;}
/*table th:first-of-type, table td:first-of-type {border:none}*/
table tbody tr:nth-of-type(odd) td {background:#f0f0f0;}
table td {color: #000000;vertical-align: middle;}
table tr a {color: #000000;}
table tr:hover a {color: #000000;} 
table caption {display:none}
table p {margin:0;}

.topflex {display: flex;background:#a6a6a6;}
.topflex > div, .topflex > aside {flex: auto;width: 100%;padding:1.5% 1%;}
.topflex > div:first-of-type {width:25%;background:#fff;display:flex;align-items:center;justify-content: center;}
.topflex h1 {text-align:center;/*text-transform: uppercase;*/}

.topflexbot {background:#a6a6a6;margin:2% auto;padding:1.5% 1%;max-width: 1500px;}

.docsplace, .linksplace {width:100%;float:left;display: flex;background:#f0f0f0;border-bottom:1px solid #ccc}
.docsplace > div, .linksplace > div {width:75%;padding:1% 0;display: flex;align-items: center;  flex-wrap: wrap;}
	.docsplace > div:first-of-type, .linksplace > div:first-of-type {
		width: 25%;
		background: #a6a6a6;
		text-align: center;
		justify-content: center; /*text-transform: uppercase;*/
	}
.docsplace a, .linksplace a {display:block;color:#000; margin: 1%;display: flex;align-items: center;background: url(../images/file.png) 0 center no-repeat;padding:2px 0 2px 35px;font-size: 20px;position:relative}
.docsplace a:hover, .docsplace a:focus, .linksplace a:hover, .linksplace a:focus {text-decoration:underline;}
.docsplace img, .linksplace img {margin:0 10px;width:30px;display:none}
.docsplace .title, .linksplace .title {color: #fff;}
.docsplace span {unicode-bidi: plaintext}
.linksplace a {background: url(../images/link.png) 1% center no-repeat;background-size:30px;}

.footerlinksplace {margin:2.5% auto;display:flex;background:#fff;position:relative}
.footerlinksbox {width:25%;border-left:1px solid #000;padding:0 4%}
.footerlinksbox:last-of-type {border-right:1px solid #000}
.footerlinksbox a {color:#333;margin:0 0 5px 0;display:block;}
.footerlinksbox a:hover, .footerlinksbox a:focus {text-decoration:underline;color:#000;}
.footerlinksbox .title {color:#000;margin:0 0 5% 0;    font-weight: 600;}
.footerlinksbox li {display:block}

.tmparticle h4 {margin:0 0 5px 0;}

            
footer {position:relative;float:left;width:100%;background: url(../images/bg.png) center -220px no-repeat;}
footer .page {display:flex;flex-wrap: wrap;}
.credits {padding:15px;color:#fff;text-align:center;background:#191919;margin: 2.5% 0 0 0;font-size:16px;width:100%;float:left}
.credits a {color:#fff;}
.credits a:hover, .credits a:focus {text-decoration:underline}
.credits p {margin:0;font-size:16px;}

.whiteplace {background:#fff;}

.greyplace {padding:1%;display:flex;width: 100%;float: left;}
.greyplace > div {background:#fff;width:65%}
.greyplace .indexcontent {padding:4%;width:35%}
.indexcontent h1 {color:#6c6c6c;font-size:55px;margin:0 0 5% 0}
.indexcontent h2 {color:#6c6c6c;font-size:40px;margin:0 0 10% 0}
.indexcontent .more {border:1px solid #436eaf;color:#436eaf;margin:20px 0 0 0}
.indexcontent p {margin:5% 0}
.indexcontent a {text-decoration:underline}

.socialmedia {margin:0 auto 7% auto;width:570px;}
.socialmedia .title {color:#000;font-size:40px;text-align:center;padding:5% 0;background: #fff\7;background: rgba(255, 255, 255, 0.7);/*text-transform:uppercase*/}
.socialmedia ul {text-align:center;padding:5% 0;background: #fff\4;background: rgba(255, 255, 255, 0.4);position:relative}
/*.socialmedia ul:after {content:"";display:block;width: 0;height: 0;border-style: solid;border-width: 50px 250px 0 250px;border-color: #ffffff transparent transparent transparent;position:absolute;left:0;bottom:-50px;opacity:.4;}*/
.socialmedia ul li {display:inline-block;padding:0 2%}
.socialmedia img {max-width:50px;max-height:50px;}
.socialmedia a:hover img, .socialmedia a:focus img {opacity:0.7}
.socialmedia .triangleplace {    height: 50px;opacity: .5;overflow:hidden}
.socialmedia .triangleplace:before, .socialmedia .triangleplace:after {bottom: 25px;height: 50px;transform: skewY(-10deg);}
.socialmedia .triangleplace:after {    transform: skewY(10deg);}

a.mil {display:block;color:#fff;text-align:center;/*text-transform:uppercase;*/font-size:30px;padding:10px;background:#000}
a.mil:hover, a.mil:focus {text-decoration:underline}

.popupplace {background: #000\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%;}

.popupplace2 {background: #000\5;background: rgba(0, 0, 0, 0.5);position:fixed;left:0;top:0;width:100%;z-index:0;opacity:0;display:none}
.popupplace2.opened {z-index:99;opacity:1;height:100%;display:block;z-index:999}
.popupplace2 .loginplace {width:500px;background:#fff;padding:20px;position:absolute;left:50%;margin:0 0 0 -250px;top:10%;max-width:1000px}
.popupplace2 label input {border:1px solid #ccc}
.popupplace2 .close {padding: 0;position:absolute;right:-40px;top:0px;border:none;width:40px;height:40px;background:#436eaf}
.popupplace2 .close:hover, .popupplace2 .close:focus {background: #dcaf4e;}
.popupplace2 .close:before, .popupplace2 .close:after {transform: rotate(45deg);content:"";display:block;background:#fff;width:20px;height:3px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;position:absolute;left: 10px;top: 19px;}
.popupplace2 .close:after {transform: rotate(-45deg);}
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}

.slideto {background:#fff;padding:10px;border:1px solid #575757;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;}

.contactformplace {width:100%;float:left;}
.contactformplace .contactform {padding:4%;background:#cdcdcd}
.contactform {display:flex;flex-wrap: wrap;}
.contactform > div {width:49%;margin:.5%}
.contactformplace .contactform > div {width:32%;}
.contactform label {width:100%;margin:0 0 15px 0;background:#fff}
.contactform .s_top {position:absolute;left:0;top:0px;font-size:12px; opacity:0}
.contactform .viewframe {opacity:1;top:-15px;}
.contactform span {font-weight:600;color:#666;display:block;margin:0 0 5px 0;}
.contactform textarea {height:204px;}
.contactform input, .contactform select {border:1px solid #cdcdcd}
.contactform input[type="submit"] {margin:2% 0 0 0;width: 100%;float: left;background: #dcaf4e;color:#fff;border:none}
.contactformplace .contactform input[type="submit"] {margin:2px 0 0 0}
.contactform input[type="checkbox"] {margin:4px 5px 0 0}

.mandatoryContact span:after {content: "*";display: inline-block;color: #ff0000;}

.opencontact {background: #436eaf\9;background: rgba(67, 110, 175, 0.9);padding: 10px;position: absolute;left: 20px;height: 100%;top: 0;width: 50px;}
.opencontact span {color: #fff;/*text-transform: uppercase;*/transform: rotate(-90deg);display: block;white-space: nowrap;    width: 120px;height: 130px;}
.opencontact:before {content: "";display: block;width: 32px;height: 25px;background: url(../images/mail.png) center center no-repeat;position: absolute;top: 10%;left: 5%;}
.opencontact:hover, .opencontact:focus, .opencontact:after:hover, .opencontact:after:focus {background: #dcaf4e;}
.opencontact:after {position: absolute;left: -20px;top: 0;width: 20px;height: 100%;transform: skewY(-45deg);margin: 10px 0 0 0;content: "";display: block;background: #436eaf\9;background: rgba(67, 110, 175, 0.9);}

#contactfooter {position:fixed;right:-800px;top:25%;z-index:99;overflow:hidden;padding:0 0 0 70px}
#contactfooter .contactform {background: #d1d1d1\9;background: rgba(209, 209, 209, 0.9);padding:40px 20px 20px 20px;width:800px;}
#contactfooter.opened {right:0}
#contactfooter .contactform input, #contactfooter .contactform select {border:none}
#contactfooter .contactform label:last-of-type {margin:0;}
#contactfooter .close {padding: 0;position:absolute;right:25px;top:0px;border:none;width:40px;height:40px;background:#436eaf}
#contactfooter .close:hover, #contactfooter .close:focus {background: #dcaf4e;}
#contactfooter .close:before, #contactfooter .close:after {transform: rotate(45deg);content:"";display:block;background:#fff;width:20px;height:3px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;position:absolute;left: 10px;top: 19px;}
#contactfooter .close:after {transform: rotate(-45deg);}
#contactfooter .contactform ::-webkit-input-placeholder {color: #000;}
#contactfooter .contactform ::-moz-placeholder {color: #000;}
#contactfooter .contactform :-ms-input-placeholder {color: #000;}
#contactfooter .contactform :-moz-placeholder {color: #000;}

.loginform > div {margin:0 auto}

.accountplace {float:right;}
.accountplace .openaccount {color:#fff; padding:15px;   display: flex;flex-direction: row-reverse;align-items: center;}
.accountplace .openaccount span {display:block;width: 30px;height: 30px;margin:0px 10px;border:2px solid #fff;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;position:relative;overflow:hidden;opacity:.7;}
.accountplace .openaccount span:after, .accountplace .openaccount span:before {content:"";display:block;border:2px solid #fff;width: 8px;height: 9px;position: absolute;left: 7px;top: 4px;-webkit-border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;border-radius: 10px 10px 10px 10px;}
.accountplace .openaccount span:after {width:20px;height:20px;left:1px;top:17px;}
.accountplace .openaccount:hover span, .accountplace .openaccount:focus span, .accountplace .openaccount.opened span {opacity:1}
.accountplace .openaccount.ilogin span:after, .accountplace .openaccount.ilogin span:before {background:#333}
.accountplace .openaccount.ilogin {filter: brightness(0) invert(1);}


.myaccount {padding:2.5%;overflow:hidden}
.myaccount a {display:block;color:#000;padding:5px 5px 5px 30px;margin:2px 0}
.myaccount a:hover {text-decoration:underline}
.openmyaccount {background: url(../images/login.png) left center no-repeat;background-size:20px;}
.openorders {background: url(../images/order.png) left center no-repeat;background-size:20px;}

.welcomeplace {padding:2.5%;background:#f0f0f0}
.welcomeplace > div {float:left;max-width:70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.welcomeplace span {font-weight:700;}
.welcomeplace input[type="submit"] {padding:4px;background:none;float:right;color:#000;width:auto;font-size:13px;}
.welcomeplace input[type="submit"]:hover {text-decoration:underline;background:#000;color:#fff}

.toggleplace, .togglecart, .toggleaccount {display: none;position: absolute;right: 0;top: 60px;background: #fff;width: 320px;z-index: 2;color: #000;-moz-box-shadow: 0px 0px 10px rgba(100,100,100,0.5);-webkit-box-shadow: 0px 0px 10px rgb(100 100 100 / 50%);box-shadow: 0px 0px 10px rgb(100 100 100 / 50%);}

.toggleanim, .shoppingcart:hover .togglecart, .accountplace:hover .toggleplace {-webkit-animation: toggleanim 1s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;animation: toggleanim 1s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;display:block}
@-webkit-keyframes toggleanim {
  0% {-webkit-transform: rotateX(-100deg);transform: rotateX(-100deg);-webkit-transform-origin: top;transform-origin: top;opacity: 0;}
  100% {-webkit-transform: rotateX(0deg);transform: rotateX(0deg);-webkit-transform-origin: top;transform-origin: top;opacity: 1;}
}
@keyframes toggleanim {
  0% {-webkit-transform: rotateX(-100deg);transform: rotateX(-100deg);-webkit-transform-origin: top;transform-origin: top;opacity: 0;}
  100% {-webkit-transform: rotateX(0deg);transform: rotateX(0deg);-webkit-transform-origin: top;transform-origin: top;opacity: 1;}
}
.toggleanimout {-webkit-animation: toggleanimout 1s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;animation: toggleanimout 1s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;display:block}
@-webkit-keyframes toggleanimout {
  0% {-webkit-transform: rotateX(0deg);transform: rotateX(0deg);-webkit-transform-origin: top;transform-origin: top;opacity: 1;}
  100% {-webkit-transform: rotateX(-100deg);transform: rotateX(-100deg);-webkit-transform-origin: top;transform-origin: top;opacity: 0;}
}
@keyframes toggleanimout {
  0% {-webkit-transform: rotateX(0deg);transform: rotateX(0deg);-webkit-transform-origin: top;transform-origin: top;opacity: 1;}
  100% {-webkit-transform: rotateX(-100deg);transform: rotateX(-100deg);-webkit-transform-origin: top;transform-origin: top;opacity: 0;}
}
.loginplace, .registerplace {max-width:600px;margin:0 auto}
.loginplace .rememberme {float:right;    width: auto;margin: 2.5% 0 0 0;}
.loginplace .forgotpass {display:none}
.loginplace .forgotpass .enteremail {margin:0 0 5% 0}
.loginplace .openforgotpass {margin:20px auto;text-align:center;    width: 100%;}
.loginplace .openforgotpass:hover, .loginplace .openforgotpass:focus {text-decoration:underline}

.memberdetails {display: flex;flex-wrap: wrap;}
.memberdetails label {width: 48%;margin: 0 4% 4% 0;}
.memberdetails label:nth-of-type(2n) {margin: 0 0 4% 0;}
.memberdetails .showContact {width:100%}

.identityheader {margin:0 0 5% 0;display:flex}
.identityheader a {width:50%;border-bottom:2px solid #f0f0f0;color:#666;padding:2.5%;text-align:center}
.identityheader a:first-of-type {border-right:2px solid #f0f0f0}
.identityheader a:hover, .identityheader a:focus {border-bottom:2px solid #333;color:#333;}
.identityheader a.this {border-bottom:2px solid #365585;color:#000;}

.headeraccount {padding:2.5%;background:#f0f0f0;display:flex}
.headeraccount a {width:50%;border-bottom:2px solid #fff;color:#666;padding:2.5%;text-align:center}
.headeraccount a:first-of-type {border-right:2px solid #fff}
.headeraccount a:hover, .headeraccount a:focus {border-bottom:2px solid #333;color:#333;}

.searchplace {float:right;background:#fff;border:5px solid #252424;border-top:none}
.search.opened {display:block} 
.search label {display:inline-block;margin:0;width: 76%;}
.search input {padding:13px 15px;border:none;color:#333;}
.search .submitsearch {width:64px;height:55px;background:#436eaf url(../images/search.png) center center no-repeat;float:right;position:relative}
.search .submitsearch:hover, .search .submitsearch:focus {background-color:#dcaf4e}

.search_resultsplace {display:none;}
.search_resultsplace.this {display:block} 
.search_results {background:#fff;padding:10px;position:absolute;left:0%;top:30px;width:300px;max-height:300px;height:300px;overflow-y:scroll;z-index: 111;-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);}
.search_results .item {padding:5px;color:#000000;border:1px solid #cccccc;background:#f0f0f0;}
.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:inline-block;padding:10px 0;width:80%;line-height:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.search_results a {display:block;padding:5px 10px;border-bottom:1px solid #cccccc;}
.search_results a:hover, .search_results a:focus {background:#f0f0f0;}

#showmore {font-size: 1.8vw;margin:20px auto;display:block;width:100%;display:none}

.bigtitle {font-size:34px;color:#fff;text-align:center;position:relative;margin:0 0 2.5% 0;width: 100%;float: left;}
#carousel .bigtitle {float:none}

.historyplace {background:#eae9e9;display: flex;flex-wrap: wrap;padding:1% 1% 100px 1%}
.historyplace > div {width:45%;background:#fff;height:180px;margin:0 0 1% 0;display:flex;flex-direction: row-reverse;position:relative}
.historyplace > div div {width:70%;display:flex;align-items: center;padding:4%;}
.historyplace > div div:first-of-type {width:30%;padding:0}
.historyplace > div div span {background:#c2ccda;font-size:50px;justify-content: center;align-items: center;display:flex;position:relative;z-index:2;width:100%;height:100%}

.historyplace > div:nth-of-type(2n) {margin-left:10%;flex-direction:initial;bottom: -90px;}
.historyplace > div:after, .historyplace > div:before {position:absolute;right:-14.75%;top:50%;width:45px;height:45px;background:#575151;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius:100%;content:"";display:block;margin:-22.5px 0 0 0}
.historyplace > div:after {width:20px;height:20px;background:#fff;margin:-10px 0 0 0;right: -12.85%;}
.historyplace > div:nth-of-type(2n):before {right:auto;left:-14.75%;}
.historyplace > div:nth-of-type(2n):after {right:auto;left:-12.85%;}
.historyplace .title:before, .historyplace .title:after {position:absolute;background:#575151;content:"";display:block;right: -11.5%;top: 50%;width:5px;height:100px;}
.historyplace .title:after {transform: rotate(90deg);top:40px;right:-2.5%;}
.historyplace div:nth-of-type(2n) .title:before {right:auto;left:-11.5%;}
.historyplace div:nth-of-type(2n) .title:after {right:auto;left:-2.5%;}
.historyplace div:last-of-type .title:before {display:none}


.featurepopupplace {background: #000\5;background: rgba(0, 0, 0, 0.5);position:fixed;left:0;top:0;width:100%;z-index:0;opacity:0;display:none}
.featurepopupplace.opened {z-index:999;opacity:1;height:100%;display:block}
.featurepopupplace .featurepopup {padding:40px;background: #fff;width:1000px;position:absolute;left:50%;top:15%;margin:0 0 0 -500px;box-shadow: 0px 0px 10px rgba(100,100,100,.5);border-radius: 5px;}
.featurepopupplace iframe {width:100%;}
.featurepopupplace .imgplace {width:35%;max-width:350px;}
.featurepopupplace .featurepopupdata {/*max-height:600px;overflow-y:auto;direction: ltr;padding: 0 20px;*/display:flex}
.featurepopupplace .df {display:flex}
.featurepopupplace .df > div {flex:auto;padding:0 1%;width: 65%;}

.featurepopupplace .close {width:30px;height:30px;position:absolute;right:10px;top:10px;border:none;}
.featurepopupplace .close:before, .featurepopupplace .close:after {padding: 0;transform: rotate(45deg);content:"";display:block;background:#000;width:30px;height:3px;position:absolute}
.featurepopupplace .close:after {transform: rotate(-45deg);}
.featurepopupplace .more {margin:10px 0 0 0;width:200px;}
.featurepopupplace .title {font-size: 40px;color: #4b4a4a;margin:0 0 10px 0;}


.cookiesplace {z-index: 999;display:none;position:fixed;background:#000;background-color: rgba(0,0,0,0.8);width: 100%;bottom: 0;padding: 10px 10%;color: #fff;text-align: center;font-size: 16px;}
.cookiesplace p, .cookiesplace a {color:#fff}
.cookiesplace button {color: #fff;text-decoration:none;display: inline-block;background: #666;border: 1px solid #fff;padding:10px 20px;margin:10px 0 0 0}
.cookiesplace button:hover, .cookiesplace button:focus {background:#000;}

.cookiesettings label {display: flex;align-items: center;gap: 8px;margin: 6px 0;cursor: pointer;color: #fff;}
.cookiesettings input[type="checkbox"] {width: 18px;height: 18px;cursor: pointer;}


.sitemapheader {margin:0px 0px 5px 0px;font-weight:600}
.sitemap {width:30%;margin-bottom:40px;float:left}
.sitemap ul {margin:0px 10px 5px 10px;}
.sitemap li {margin:5px 0px 5px 0px;}
.sitemap a {color:#000000;}
.sitemap a:hover, .sitemap a:focus {text-decoration:underline}

.gallerypage img {width:100%}
.grid-sizer, .grid-item {width: 32.85%;}
.grid-item {margin-bottom:10px;float: left;overflow:hidden;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius:3px;-moz-box-shadow: 0px 0px 5px rgba(100,100,100,0.5);-webkit-box-shadow: 0px 0px 5px rgba(100,100,100,0.5);box-shadow: 0px 0px 5px rgba(100,100,100,0.5);}
.gutter-sizer {width: 2%;}
.grid-item a:hover 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);}
.grid-item div {background: #000000\8;background: rgba(0, 0, 0, 0.8);width:100%;height:auto;position:absolute;left:0px;bottom:0px;margin:0;color:#fff;padding:5px 10px;}

body .sl-overlay {background:#000}
body .sl-navigation button, body .sl-close {filter: brightness(0) invert(1)}
body .sl-wrapper .sl-counter {color:#fff;}

.searchresults {border-bottom:1px solid #ccc;padding:0 0 20px 0;margin:0 0 20px 0;}
.searchresults h2, .searchresults h3 {margin:0;}

.similarslider {margin:6% -1% 0 -1%;width:100%;float:left}
.similarslider .slick-slide > div {height:300px;margin:0 3%;overflow:hidden;background:#000;}
.similarslider .slick-slide img {max-width:none;height:300px;opacity:.6}
.similarslider .slick-slide a:hover img {opacity:1}

.news {padding:5% 5% 150px 5%;    float: left;width: 100%;}
.news > div {margin:0 0 10px 0;width:100%;display:none}
.news > div:first-of-type {display: block;}
.news > div .flex {display:flex;background:#e5e5e5;width:100%;margin:0}
.news > div .flex > div {width:42.5%;padding:2.5%;}
.news > div .flex > div:first-of-type {width:15%;background:#333;color:#fff;text-align:center;font-size:24px;}
.news .title {margin:0; display:block}
.news a:hover .flex {background:#333;color:#fff;}

.events {padding:5% 5% 150px 5%;    float: left;width: 100%;}
.events > div {margin:0 0 10px 0;width:100%;display:none}
.events > div:first-of-type {display: block;}
.events > div .flex {display:flex;width:100%;margin:0}
.events > div .flex > div {width:30%;padding:2.5%;background:#e5e5e5;}
.events > div .flex > div:first-of-type {width:10%;background:#333;color:#fff;text-align:center;font-size:24px;height: fit-content;}
.events .title {margin:0; display:block}
.events > div .flex .imgplace2 {overflow:hidden;padding:0}
.events .imgplace2 img {height:auto;max-width:100%}
.events a:hover .flex div {background:#333;color:#fff;}

.dateplace div {display:inline-block;}
.dateplace div:nth-of-type(2n) {padding:0 10px;}

.article {display:none}
.article:first-of-type {display: block;}
.article .attach a {display:block;margin:5px 0;}
.article .attach img {max-width:26px;max-height:26px;float:left;margin:0 10px 0 0}

.faqmainplace {margin:0 0 40px 0;}

.faqsplace .question {color:#365585; padding:10px 50px;border-bottom:1px solid #365585;margin: 0px 0 20px 0;position: relative;width: 100%;}
.faqsplace .question p, .faqsplace .question li { text-align:initial;margin:0;}
.faqsplace .question:hover, .faqsplace .question:focus, .faqsplace .question.opened {background:#f0f0f0;}
.faqsplace .answer {display:none;background:#f0f0f0;padding:10px 50px;}
.faqsplace .answer p, .faqsplace .answer li {margin:0;}
.faqsplace .question:before {content:"";display:block;width:20px;height:2px;background:#000;position:absolute;left:16px;top:25px;}
.faqsplace .question:after {content:"";display:block;width:2px;height:20px;background:#000;position:absolute;left:25px;top:15px;}
.faqsplace .question.opened:after {display:none}

.glossaryABCplace {padding:10px;background:#f0f0f0;width:100%;float:left;display:flex}
.glossaryABC {padding:5px;font-size:30px;flex: auto;}

.glossaryplace {width:100%;float:left;overflow: hidden;margin:2.5% 0 0 0}
.glossaryplace .letter:before {background: #c2c2c2;width: 5%;transform: skewY(-45deg);content: "";display: block;margin: 10px 0 -40px 0;}
.glossaryplace .letter {display: flex;overflow: hidden;width: 100%;}
.glossaryplace .letter span {background: #c2c2c2;padding: 2.5% 2%;font-size: 30px;color: #000;width: 95%;text-align: initial;display: block;position: relative;font-weight:600;/*text-transform:uppercase*/}

.glossarywhite {display: flex;padding:4%;flex-wrap: wrap;background: #fff;}
.glossarywhite > div {width:50%;padding: 2%;}
.glossarywhite > div p {margin:0;}
.question, .question p {font-size:20px;}
.answer {font-size:18px;}

.downloadtitle {display: flex;overflow: hidden;margin:10px 0 0 0;width: 100%;}
.downloadtitle button {background:#c2c2c2;padding:2.5% 2%;font-size:28px;color:#000;width: 95%;text-align:initial;display:block;position:relative}
.downloadtitle:before {background: #c2c2c2;width: 5.5%;transform: skewY(-45deg);content: "";display: block;margin: 10px 0 -40px 0;}
.downloadtitle button span {display:block;width:10%;height:100%;background:#a6a6a6;position:absolute;right:0;top:0;}
.downloadtitle button span:before, .downloadtitle button span:after {content:"";display:block;width:26px;height:2px;background:#fff;position:absolute;    left: 50%;top: 50%;margin:-1px 0 0 -13px;}
.downloadtitle button span:after {transform: rotate(90deg);}
.downloadtitle button.opened span:after {display:none;}
.downloadtitle button:hover span {background:#999}

.downloads > div {width: 30%;margin: 1.5%;position: relative;}
.download a {display:block;color:#365585;height: 100%;}
.download a:hover, .download a:focus {text-decoration:underline;}
.download .icon {float:left;margin:0 20px 0 0}
.download .abstract {font-size:18px;overflow:hidden}
.download .title {font-weight: 600;font-size:22px;}
.download .errorplace {bottom: -16px;font-size: 14px;}

.toggledownload {display:none;}
.toggledownload.opened {display:block;}

.countries iframe {max-height:200px;margin:20px 0 0 0}
.countries {padding: 2% 4% 0 4%;}
.countries .downloadtitle button span {background:#365585}
.countries .locationdata {background:#fff;padding:4%}
.countries .locationflex div {font-size:20px;color:#365585;padding:10px 1% 10px 45px;}
.countries .locationflex {display:flex;}
.countries .locationflex .address {background: url(../images/i1.png) left center no-repeat;}
.countries .locationflex .phone {background: url(../images/i2.png) left center no-repeat;}
.countries .locationflex .fax {background: url(../images/i3.png) left center no-repeat;}
.countries .locationflex .email {background: url(../images/i4.png) left center no-repeat;}
.countries .locationflex a {text-decoration:underline}

.innersearch {background:#ececec;padding:1.5% 7.5%}
.innersearch select {border:1px solid #000;width:300px;}
.innersearch span {font-size:22px;margin:0 10px 0 0;display:inline-block}

.waveplace {background: url(../images/bg3.jpg) center 0 no-repeat;padding:2% 1% 4% 1%;display:flex;flex-direction: row-reverse;position:relative;min-height: 780px;width: 100%;float: left;}

.flipster .slide > div {background:#fff;max-width:400px}
.flipster .slide .abstract {color:#fff;padding:5%;background:#89a187;border:1px solid #fff}
.flipster .slide .title {text-align:center;font-size:28px;margin:0px 0 20px 0;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height:70px;}
.flipster .slide .moreabstract {display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height:100px;font-size:16px;margin:0 0 20px 0;}
.flipster .slide .more {border:1px solid #fff;font-weight:300;width:100%;color:#fff}
.flipster .slide .more:hover {background:#272727}
.flipster .slide img {margin:auto}
.flipster .flipster__button {margin:0;opacity:1;}
.flipster .flipster__button svg {stroke:#fff}

div .flipster {float:left;width:70%;overflow:hidden;position:relative;z-index:2;margin:0 2% 0 0}
.tabcontentplace {float:right;width:28%;background:#f5f5f5;padding:4%;position:relative;z-index:2;}
.tabcontentplace .tab {display:none} 
.tabcontentplace .tab.this {display:block}
.tabcontentplace .title {font-size:40px;line-height:100%;}
.tabcontentplace .moreabstract {margin:20px 0;font-size:18px;}
.tabcontentplace a {color:#000;}
.tabcontentplace .subtitle {padding:5px;color:#fff;margin:20px 0;text-align:center}

.greyplace .newshomeplace {background:none;margin: 0  0 1% 0;width: 100%;}
.greyplace .newshomeplace h2 {color:#000;font-size:45px;text-align:center;margin:0 0 10px 0;padding:20px;background:#fff;/*text-transform:uppercase*/}
.greyplace .newshomeplace .moreaboutplace {background: #fff\4;background: rgba(255, 255, 255, 0.4);padding:15px;text-align:center}
.greyplace .newshomeplace .more {display: inline-block;}

.greyplace .newshome, .greyplace .newshomeplace .slick-dotted.slick-slider {background: #fff\4;background: rgba(255, 255, 255, 0.4);padding:30px;margin:0}
.greyplace .newshome .slick-dots {padding: 0;text-align: center;left: 0;}
.greyplace .newshome .title {/*display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height: 70px;*/color:#000;text-align:center;font-size:26px;margin:10px 0}
.greyplace .newshome a:hover {text-decoration:underline}
.greyplace .newshome .imgplace {height: 250px;display: flex;align-items: center;justify-content: center;overflow: hidden;position: relative;}

.greyplace .featuresslider {width: 39%;background: #fff\4;background: rgba(255, 255, 255, 0.4);}

.featuressliderplace {position:absolute;right:4%;top:20%;max-width:320PX;background: #fff\7;background: rgba(255, 255, 255, 0.7);}

.featuresslider .feature a {}
.featuresslider .feature .abstract {padding:15px;}
.featuresslider .feature .imgplace {display: flex;align-items: center;justify-content: center;overflow: hidden;background:#fff;position:relative;height:153px;}
.featuresslider .feature .imgplace img {margin:0;max-height:100%;width:auto}
.featuresslider .feature a:hover img, .featuresslider .feature 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);}
.featuresslider .feature .title {color:#000;font-size:35px;margin:0 0 20px 0;}
.featuresslider .feature .moreabstract {display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;color:#000;margin:0 0 15px 0;font-size:16px;}
.featuresslider .slick-dots {padding:0px;text-align: center;background:#fff;bottom:-35px;}
.featuresslider .slick-dots li button:before, .newshomeplace .slick-dots li button:before {color:#fff}
.featuresslider .slick-dots li button, .newshomeplace .slick-dots li button {border:2px solid #000}
.featuresslider .slick-dots li.slick-active button:before, .newshomeplace .slick-dots li.slick-active button:before {color:#000}
.featuresslider .slick-dots li button, .newshomeplace .slick-dots li button {width: 10px;height: 10px;}
.featuresslider .slick-dots li button:before, .newshomeplace .slick-dots li button:before {font-size: 10px;width: 10px;height: 10px; }

.newplace {position: absolute;right: -60px;top: -10px;background: #436eaf;color: #fff;transform: rotate(45deg);width: 150px;padding: 20px 0 5px 0;z-index:9}
.newplace span {display:block;text-align:center;}

.gotop {background:#868686;width:100px;height:80px;position:absolute;right:0;top:-135px;border:none}
.gotop:before, .gotop:after {transform: rotate(-45deg);background:#fff;content:"";display:block;position:absolute;right:34px;top:15px;width:3px;height:40px;opacity:1;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.gotop:after {transform: rotate(45deg);right:61px}
.gotop:hover, .gotop:focus {background:#666}

a.terms {text-decoration:underline;margin: 0px 0 20px 0;
    display: block;}

.scrolldown {color:#fff;font-size:40px;padding:2%;text-align:center;background:#365585;border:none;width: 100%;font-weight:100;}

.greendark h1, .green h1, .yellow h1, .peach h1, .blue h1, .violet h1 {color:#fff;}

.greendark .topflex > div:first-of-type, .greendark .leftmenu a:hover, .flipster .slide.greendark .abstract, .tabcontentplace .greendark .subtitle, .greendark .flex .title, .greendark .leftmenu .this a, .greendark .doclinkplace .innertitle span, .greendark .doclinkplace .innertitle {background:#89a187;}
.green .topflex > div:first-of-type, .green .leftmenu a:hover, .flipster .slide.green .abstract, .tabcontentplace .green .subtitle, .green .flex .title, .green .leftmenu .this a, .green .doclinkplace .innertitle span, .green .doclinkplace .innertitle:before {background:#6daa9f;}
.yellow .topflex > div:first-of-type, .yellow .leftmenu a:hover, .flipster .slide.yellow .abstract, .tabcontentplace .yellow .subtitle, .yellow .flex .title, .yellow .leftmenu .this a, .yellow .doclinkplace .innertitle span, .yellow .doclinkplace .innertitle {background:#c8be8f;}
.peach .topflex > div:first-of-type, .peach .leftmenu a:hover, .flipster .slide.peach .abstract, .tabcontentplace .peach .subtitle, .peach .flex .title, .peach .leftmenu .this a, .peach .doclinkplace .innertitle span, .peach .doclinkplace .innertitle {background:#c99a90;}
.blue .topflex > div:first-of-type, .blue .leftmenu a:hover, .flipster .slide.blue .abstract, .tabcontentplace .blue .subtitle, .blue .flex .title, .blue .leftmenu .this a, .blue .doclinkplace .innertitle span, .blue .doclinkplace .innertitle {background:#6a94a9;}
.violet .topflex > div:first-of-type, .violet .leftmenu a:hover, .flipster .slide.violet .abstract, .tabcontentplace .violet .subtitle, .violet .flex .title , .violet .leftmenu .this a, .violet .doclinkplace .innertitle span, .violet .doclinkplace .innertitle {background:#8e7a8f;}

a:focus, input[type="submit"]:focus, input:focus, select:focus, textarea:focus, input[type="checkbox"]:focus { -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);outline: 1px dashed #365585;}

.accessibility {float:right;width:30px;height:30px;margin: 20px 0px 0 10px;padding:0;border:1px solid #365585;position:relative;z-index:999;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}
.accessibility:before, .accessibility:after {content:"";width: 15px;height: 20px;display: block;background: #365585;transform: rotate(55deg);-webkit-border-radius: 25px 0 25px 0px;-moz-border-radius: 25px 0 25px 0px;border-radius: 25px 0px 25px 0;position: absolute;top: 6px;left: 8px;zoom: .9;}
.accessibility:after {width: 8px;height: 8px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;background:#fff;top: 10px;left: 10px;zoom: 1;}
.accessibility:hover, .accessibility:focus  {border:1px solid #000;}
.accessibility:hover:before, .accessibility:focus:before {background: #000;}

.invertsite img {filter: grayscale(100%);}
.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:#000 !important;color:#ffffff !important;}
.invertsite .lightblueplace {background:#000;}
.invertsite input, .invertsite button, .invertsite select, .invertsite .contactform textarea, .invertsite .contactform input[type="submit"],
.invertsite .contactsideplace textarea {border:1px solid #fff;}
.invertsite ::-webkit-input-placeholder, .invertsite #contactfooter .contactform ::-webkit-input-placeholder {color: #fff;}
.invertsite ::-moz-placeholder, .invertsite #contactfooter .contactform {color: #fff;}
.invertsite :-ms-input-placeholder, .invertsite #contactfooter .contactform {color: #fff;}
.invertsite :-moz-placeholder, .invertsite #contactfooter .contactform {color: #fff;}
.invertsite .saveforlatermenu span, .invertsite .accountplace .openaccount span, 
.invertsite .accountplace .openaccount span:after, .invertsite .accountplace .openaccount span:before {border:2px solid #fff;}
.invertsite .shoppingcart .opencart span, .invertsite .saveforlatermenu span:before, .invertsite .saveforlatermenu span:after,
.invertsite .accessibility:before, .invertsite .removefromcart, .invertsite .removefromcart_CAP {background-color:#fff !important;}

@media screen and (min-width: 320px) and (max-width: 1500px) {.flexbody, .simplebody, .pagewide2, .topflexbot, .doclinkplace.pagewide {margin:2% 4% 0 4%}
@media screen and (min-width: 1340px) and (max-width: 1450px) {.openmenu {display:none}}
@media screen and (min-width: 320px) and (max-width: 1640px) {.grid-sizer, .grid-item {width: 32.75%;}}
@media screen and (min-width: 320px) and (max-width: 1030px) 
{
	@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }
	input {border-radius: 0;}

	header:before, .countriesname, .historyplace > div:after, .historyplace > div:before, .historyplace .title:before, .historyplace .title:after,
	.mainmenu > li a:after, .mainmenu > li a:before, .mainmenu .learnmore, .botdrop, .flexplace.productsline:after, .sliderhome .slick-dots,
	.opencontact:after, .slidetodown, .firsttitle, .gotop, .leftcolumn {display:none !important}
	body{background: #919191 url(../images/bg2.png) center 0px no-repeat;background-size: contain;}
	body, p, li {line-height: normal;}
	.credits p {    font-size: 10px;}
	.columns p, .columns li {font-size:initial}
	.sliderhome h2, .sliderhome h3, .sliderhome p, h1, h2, .bigtitle, .indexcontent h1, .indexcontent h2, .scrolldown, .tabcontentplace .title {font-size:30px;line-height:100%;margin:0 0 2.5% 0}
	.sliderhome h2, .sliderhome h3, .sliderhome p, .innertitle span {font-size:24px;line-height:100%;}
	.sliderhome p, .indexcontent p {font-size:20px;}
	.featuresplace .bigtitle2 span {font-size:30px;width:90%}
	.historyplace > div div span {font-size: 40px;}
	.footerlinksbox a {font-size:16px;}

	header > div, header > div:first-of-type {width:50%;height: auto;background: none;display: inline-block;float:right;margin:0;}
	header > div:first-of-type {float:left}

	.logo, html:lang(he) .logo {float:left;margin:5px;position: static;background:none;margin:0}
	.logo img {max-height: 40px;}

	.openmenu {display:block;width:30px;height:30px;position:relative;float:right;margin:10px;background:none;border:none;padding:0;}
	.openmenu span, .openmenu div:after, .openmenu div:before {border-radius: 3px;display:block;height:6px;background:#365585;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, body:lang(he) .menuplace {display:none;z-index:999;transform: translateX(-100%);position:fixed;left:-10px;top:0px;width:86%;margin:0;height: 100vh;/*height: calc(var(--vh, 1vh) * 100);*/-moz-box-shadow:5px 5px 5px rgba(0,0,0,.3);-webkit-box-shadow:5px 5px 5px rgba(0,0,0,.3);box-shadow:5px 5px 5px rgba(0,0,0,.3);}
	.mainmenu, .sticky .mainmenu {display:block;width: 100%;height: 94%;padding: 0;position: absolute;top: 50px;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, html:lang(he) .mainmenu li, .mainmenu li li, .mainmenu li li li {float:none;margin:0;position:relative;display:block;width:100%;max-width:100%;padding:0;}
	.mainmenu > li a {padding:2%;border-bottom:1px solid #ccc;font-size:20px;font-weight:600;height:auto;text-transform: initial;}
	.mainmenu li li a, .mainmenu li.this li a {font-size:18px;padding:2.5% 5%;text-transform:initial;font-weight:100}
	.mainmenu li li li a {font-size:16px;padding:2.5% 10%;color:#999}
	.menuopen, body:lang(he) .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 {width:100%;max-width:100%;}

	footer {margin: 15% 0 0 0;}

	.simplebody.flexbodylong .bodytext, .bodytext, .flexbodylonggrey .bodytext {padding: 2% 4% 2% 4%;}
	.simplebody:before, .flexbody > div:before {height: 20px;margin: 0px -30px 0 10px;}

	.sliderhome, .maincontent {margin:50px 0 0 0}
	.sliderhome img {max-width:100%;height:auto;margin:0;}
	.sliderhome div, .imgslider .slick-slide > div {height:auto}
	.sliderhome .more {padding: 5px 10px;}

	.featuresplace {padding:0;}
	.socialmedia ul {padding:10px 0;}
	.bodyflex .bodytextplace, .catalogpage.opened .catalogpagetoogle, .greyplace, .waveplace, header, .topflex, .countries .locationflex {display:block}

	.featuresplace > div {justify-content: center;width:100%}
	.featuresplace .feature {width:100%;margin: .5% auto;}
	.featuresplace .feature .moreabstract {display:-webkit-box;opacity:1}
	.featuresplace .feature .title {font-size:22px;    padding: 10px 0;}
	.featuresplace .feature .imgplace {height: 180px;}

	.content, .flex, .bannerplace, .sliderhome h2, .sliderhome h3, .sliderhome p, .socialmedia, .footerlinksplace, .bodyflex .bodytextplace > div,
	.bodyflex .bodytextplace > div:nth-of-type(2n), .catalogpagetoogle > div, .infobox, .flexsimple, .greyplace > div, .tabcontentplace,
	div .flipster, .greyplace .indexcontent, .greyplace .newshomeplace, .greyplace .featuresslider, .topflex > div:first-of-type,
	.flexbody > div, .flexbodylong > div, .historyplace > div, .historyplace > div:nth-of-type(2n), .featuresplace.indexfeatures .feature,
	.flexplace.productsline > .flex2, .downloads > div, .innersearch, .flexbodylonggrey > div, .flexbody2 > div, .contactformplace .contactform > div,
	.countries .locationflex div, .contactform > div {float:none;width:100%;max-width:100%;margin:0 auto 2.5% auto;}
	
	.flexbody, .simplebody, .contactformplace .contactform > div {display:block;margin:0;}

	.historyplace > div:nth-of-type(2n) {bottom:0}
	.toggleplace, .togglecart, .toggleaccount {top:50px;}
	.sliderhome .ask, .sliderhome .moreabout, .greyplace .newshome, .greyplace .newshomeplace .slick-dotted.slick-slider,
	.featuresslider .feature a > div {font-size:18px;padding:5px;}
	.featuresslider .feature a .imgplace {height: auto;}

	.contactform > label, .flexbody, .simplebody, .pagewide2 {float:none;width:100%;max-width:100%;margin:0 auto 5% auto;}

	.tabsplace {float:left;width:100%}

	.greyplace .newshome .title {min-height: 180px;    -webkit-line-clamp: 5;}

	.childrenplace > div, .featuresproduct > div, .footerlinksbox, .featuresplace .feature, .infobox2 {width:49%;margin:.5%}

	 .sliderhome .caption, .logindata {left:0;margin:0;width:100%;max-width:100%;padding:3%;display:block;top:auto;bottom:20px;}
	.sliderhome .caption {position:static}
	.sliderhome .cornerplace {width:100%}
	.sliderhome .cornerplace h2 {margin:0;}

	.flexplace.similarslider .flex, html:lang(he) .flexplace.similarslider .flex, .topflex h1, .topflex > div:first-of-type {margin:0;}

	.logosslider, breadcrumbs, .tmpmanagementItem .imagesplace, .columns {margin:5% auto}

	.accountplace .openaccount, .saveforlatermenu, .shoppingcart .opencart {padding:0 5px;}
	.opensearch span, .shoppingcart .opencart span, .accountplace .openaccount span, .saveforlatermenu span {margin:10px 0}

	.opencontact:before {top: 17%;left: 17%;}
	.opencontact {height:40px;left:2%;top:auto;bottom:0;}
	.opencontact span {display:none;}
	.opencontact.opened {padding: 20px 20px 20px 70px;width:auto;height:auto;background-size: auto;background: url(../images/send.png) 10px center no-repeat;}
	.contactform textarea {height: 80px;}

	#contactfooter {height:40px;top:auto;bottom:20px;}
	#contactfooter.opened, #contactfooter.opened .contactform {width: 100%;padding:4% 2%}
	#contactfooter.opened {padding:40px 0;height:auto}
	#contactfooter .close {right: 2%;}
	#contactfooter .contactform label:last-of-type {margin: 0 0 15px 0;}
	#contactfooter .contactform > div, .contactform input[type="submit"] {margin:0;}

	.featuresproduct > div {margin-bottom:15px}

	.bigtitle {width:100%;max-width:100%;margin:5% 0 2.5% 0;float:left}
	.bigtitle h2 {font-size:30px;margin:10px 0;line-height: 120%;}
	.bigtitle h2:before, .bigtitle h2:after {top:auto;bottom:0;}

	.smalltitle {font-size: 22px;padding: 0 0 10px 0;}

	.flexplace.productsline > .flex2 {padding:4% 0}
	.flex2 .moreabstract {font-size:15px;line-height:120%}

	.downloadtitle button {padding: 2% 10% 2% 2%;font-size: 20px;}

	header {background:#f1f1f1;-moz-box-shadow: 0px 0px 10px rgba(100,100,100,0.5);-webkit-box-shadow: 0px 0px 10px rgb(100 100 100 / 50%);box-shadow: 0px 0px 10px rgb(100 100 100 / 50%);}

	.popupplace {z-index: 998;overflow: hidden;}
	
	.popupplace2 .loginplace {left:0;margin:0;width:100%}

	.flexplace.liststyle > .flex .imgplace {height:110px}
	.flex .moreabstract {margin:0 0 20px 0;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
	.flex .title {margin: 5px 0 0 0;}

	.bodytext {width:100%;float:left}

	.topmenuplace {background:none}

	.shoppingcart .numof {top:0;}
	
	.triangleplacewhite:before, .triangleplacewhite:after {bottom: -23px;}

	.sliderhome .bannerslider {position:static;width:100%;margin:5% 0;font-size: 13px;}
	.sliderhome .bannerslider img {width:100px;margin:0 20px 0 0 }

	.socialmedia .title, .greyplace .newshomeplace h2 {font-size: 30px;padding: 1% 0;}
	.socialmedia .triangleplace {height: 30px;}

	.imagesplace .slick-dots, div .slick-dots {bottom:0px}

	.docsplace > div, .linksplace > div {padding:2% 0;font-size:17px;}

	a.mil {margin:0 0 5% 0;font-size:20px;}

	.searchplace {float:none;border:1px solid #000}
	.search input {padding:10px;}
	.search .submitsearch {height: 48px;}

	.leftmenu a {font-size: initial;padding: 5px 10px;text-transform:initial}
	.leftmenu a:after {left:0}

	.waveplace {min-height:0}

	.slider-for div, .slider-for div a, .slider-nav {height:auto}
	.slider-for img {max-width:100%;max-height:none}

	.toggleaccount {left:auto;right:0;}
	
	.featuresplace .bigtitle2:before {margin: 17px 0 -50px 0;width:10%}

	.imgside.imagesplaceprod {margin:0 0 20px 0;width:100%;}
	p iframe, .bannerslider {max-width:100%;width:100%;}
	.flipster .slide img, .featuresproduct .imgplace {max-width:200px;max-height:150px;}

	div .slick-prev {left:0px;}
	div .slick-next {right:0px;}

	.imgside, html:lang(he) .imgside {width:100%;max-width:640px;margin:0 auto 10px auto;float:none;}

	.grid-sizer, .grid-item {width: 31.5%;}

	.accountplace .openaccount {color:#000;}
	.accountplace .openaccount span, .accountplace .openaccount span:after, .accountplace .openaccount span:before {border:2px solid #000}

	.imgpage img { position: static;margin: auto;}

	.procutslistselects .searchbox.opened {z-index:2}
	.procutslistselects .page {width:100%;flex-wrap: wrap;}
	.procutslistselects .page > div {flex: 49%;margin: .5%;}

	.productflex {flex-direction: column-reverse;}
	.productflex .imgplace, .productflex .productdataplace {width:100%;margin:0 0 5% 0;padding:0;}

	.confirmplace {flex-direction: column;}
	.confirmplace > div, .confirmplace > div:nth-of-type(2n), .confirmplace .emaildetails input {width:100%;margin:0 0 5% 0;}

	.togglecart {left:auto;right:0;top: 40px;}
	.itemInStock {margin:0 0 5% 0}

	.breadcrumbs {padding:5px;}
	.breadcrumbs ul {display: flex;flex-wrap: wrap;}
	.breadcrumbs a, .breadcrumbs li {font-size:12px;}

	.featurepopupplace .featurepopup {left:0;width:100%;margin:0;padding: 20px;}

	.sliderhome .featuressliderplace {position:static;right:0;max-width:96%;margin:20px 2%}
	.featuresslider .feature .title {font-size:30px;margin:0 0 10px 0;}
	.featuresslider .feature .moreabstract {font-size:14px;}

	.popupplace2 .close {right:0;    top: -40px;}
	.login li {background: url(../images/dot.png) left 6px no-repeat;}


	.cookiesplace {padding:10px;}
	.cookiesplace button {margin:5px;font-size:11px;padding:3px 5px;}
	.cookiesplace p, .cookiesplace a {font-size:11px;}

	header > div:first-of-type:after {display:none}
}

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

@media print 
{
	@page {size: A4 Portrait; }
    * {-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;margin:20px 0;}
	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, .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, .shoppingcart, #openlogin, #strip,
	.footerlinksplace, .more, .docsplace, div .slick-dots, .sliderhome, .accessibility, #contactfooter {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 #ffffff;}
	.credits {text-align:center;padding:5px;font-size:14px;margin: 0}
	.content {page-break-after: always;}
}