@font-face {font-family: 'Montserrat';font-style: normal;font-weight: 400;src: url('Fonts/montserrat-v18-latin-regular.eot'); /* IE9 Compat Modes */src: local(''),url('Fonts/montserrat-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */url('Fonts/montserrat-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */url('Fonts/montserrat-v18-latin-regular.woff') format('woff'), /* Modern Browsers */url('Fonts/montserrat-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */url('Fonts/montserrat-v18-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */}
@font-face {font-family: 'Montserrat';font-style: normal;font-weight: 500;src: url('Fonts/montserrat-v18-latin-500.eot'); /* IE9 Compat Modes */src: local(''),url('Fonts/montserrat-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */url('Fonts/montserrat-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */url('Fonts/montserrat-v18-latin-500.woff') format('woff'), /* Modern Browsers */url('Fonts/montserrat-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */url('Fonts/montserrat-v18-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */}
@font-face {font-family: 'Montserrat';font-style: normal;font-weight: 600;src: url('Fonts/montserrat-v18-latin-600.eot'); /* IE9 Compat Modes */src: local(''),url('Fonts/montserrat-v18-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */url('Fonts/montserrat-v18-latin-600.woff2') format('woff2'), /* Super Modern Browsers */url('Fonts/montserrat-v18-latin-600.woff') format('woff'), /* Modern Browsers */url('Fonts/montserrat-v18-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */url('Fonts/montserrat-v18-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */}
@font-face {font-family: 'Montserrat';font-style: normal;font-weight: 800;src: url('Fonts/montserrat-v18-latin-800.eot'); /* IE9 Compat Modes */src: local(''),url('Fonts/montserrat-v18-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */url('Fonts/montserrat-v18-latin-800.woff2') format('woff2'), /* Super Modern Browsers */url('Fonts/montserrat-v18-latin-800.woff') format('woff'), /* Modern Browsers */url('Fonts/montserrat-v18-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */url('Fonts/montserrat-v18-latin-800.svg#Montserrat') format('svg');}
@font-face {font-family: 'Montserrat';font-style: normal;font-weight: 900;src: url('Fonts/montserrat-v18-latin-900.eot'); /* IE9 Compat Modes */src: local(''),url('Fonts/montserrat-v18-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */url('Fonts/montserrat-v18-latin-900.woff2') format('woff2'), /* Super Modern Browsers */url('Fonts/montserrat-v18-latin-900.woff') format('woff'), /* Modern Browsers */url('Fonts/montserrat-v18-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */url('Fonts/montserrat-v18-latin-900.svg#Montserrat') format('svg'); /* Legacy iOS */}
@font-face {font-family: 'Poppins';font-style: normal;font-weight: 400;src: url('Fonts/poppins-v15-latin-regular.eot'); /* IE9 Compat Modes */src: local(''),url('Fonts/poppins-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */url('Fonts/poppins-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */url('Fonts/poppins-v15-latin-regular.woff') format('woff'), /* Modern Browsers */url('Fonts/poppins-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */url('Fonts/poppins-v15-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */}
@font-face {font-family: 'Poppins'; font-style: normal;font-weight: 600;src: url('Fonts/poppins-v15-latin-600.eot'); /* IE9 Compat Modes */src: local(''),url('Fonts/poppins-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */url('Fonts/poppins-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */url('Fonts/poppins-v15-latin-600.woff') format('woff'), /* Modern Browsers */url('Fonts/poppins-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */url('Fonts/poppins-v15-latin-600.svg#Poppins') 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;}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:#ff6633;color:#fff;text-shadow: none;}::-webkit-selection {background:#ff6633;color:#fff;text-shadow: none;}::selection {background:#ff6633;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: 100 18px Montserrat, Arial, Helvetica, sans-serif;}
body {font-size:18px;color:#000;-webkit-animation: bugfix infinite 1s;overflow-x:hidden;line-height:140%;}
.tmpindex {background:#f0f0f0;}
h1, h2, h3, h4, h5, h6, h7 {font-weight:800;color:#000;margin:0px 0px 20px 0px;line-height:140%;text-transform:uppercase}
h1 {font-size: 5.3vw;font-weight:900;color:#fff;}
h2 {font-size: 3.4vw;}
h3 {font-size: 1.6vw;}
h4 {font-size: 1.4vw;} 
h5 {font-size: 1.2vw;}
.openmenu {display:none}
p, li {margin:0px 0px 15px 0px;line-height:140%;font: normal 18px Poppins, Arial, Helvetica, sans-serif;} 
input, textarea, select, button {border-bottom:1px solid #ff6633;padding:10px 10px;width:100%;}
select {padding:9px 10px;}
input:hover, textarea:hover, select:hover, input:focus, textarea:focus, select:focus {border-bottom:1px solid #000;}
label {position:relative;display:block;margin:0 0 50px 0;width: 100%;float: left;} 
input[type="checkbox"] {float:left;margin: 0px 10px 0 0px;width:20px;height:20px;}
a, a:link,  a:visited,  a:focus,  a:active{color:#ff6633;text-decoration:none;outline-style:none;} a:hover, a:focus {color:#000;}
.more:after, .menuopen, div .more, div input[type="submit"], button, .simplegallery img, .flex img, .flex div, .featuresplace div,
.docsplace a, .linksplace 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, .togglecart, .slick-slider:after, .slick-slider div:after, .imagesplace:after, .moremenu, .cookiesplace,
.featurepopupplace {display: none;}
.errorplace {color:#ff0000;position:absolute;left:0;bottom:-20px;font-size:12px;}
.error {border-bottom:1px solid #ff0000;color: #ff0000;width: 100%;float: left;margin: 0;}
.alert{color:#ff0000;margin:0 0 20px 0;font-size:12px;display:none}
.mandatoryContact:before {content: "*";display: block;color: #ff0000;position: absolute;left: 0px;top: 5px;}
.mandatoryContacts span {display:inline-block;position:relative;padding:0 10px}
.mandatoryContacts span:before {content: "*";display: block;color: #ff0000;position: absolute;left: 0px;top: 5px;}
.tmpconfirm .mandatoryContact:before {position:static;float:left}

iframe {max-height:1000px;width:100%;}

div .more, div input[type="submit"] {border:none;display: flex;margin: 20px 0 0 0;color: #ff6633;padding: 20px 0px;border-bottom:1px solid #ff6633;border-top:1px solid #ff6633;align-items: center;justify-content: space-between;}
div .more:after, div input[type="submit"]:after {content:"";display:block;background: url(../images/rightorangearrow.png) right center no-repeat;background-size:50px;width:50px;height:50px;}

.indexcontent .more:hover, .indexcontent .more:focus {filter: brightness(0) invert(0);opacity:.6}

div .slick-dots li button {-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;padding:0;width: 15px;height: 15px;}
div .slick-dots li button:before {font-size: 17px;width: 15px;height: 15px;line-height: 100%;}
div .slick-dots li.slick-active button:before {opacity:1}
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:#fff;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}

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

.page {max-width:1440px;margin:auto;    position: relative;z-index: 2;}

header {position:fixed;left:0;top:0;width:100%;z-index:998;background: #fff;border-top:6px solid #3333cc;}
header.sticky {-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);}

.logo {margin:15px 0 0 0;display: block;float:left;}

.menuplaceplus {background:#3333cc;position:relative;float:right}
.menuplaceplus:after {position:absolute;left:100%;top:0;width:100%;height:100%;background:#3333cc}
.menuplace ul ul, .menuplace ul ul ul, .topmenu ul ul, .topmenu ul ul ul {display:block}
.menuplace {float:left} 
.mainmenu {display: flex;align-content:stretch;justify-content:space-between;flex-wrap: wrap;}
.mainmenu li {flex: auto;position:relative}
.mainmenu > li a {color:#fff;display:block;text-align:center;line-height:110%;padding:25px 40px;font-size:16px;text-transform:uppercase;border-right:1px solid #fff; }
.mainmenu a:hover, .mainmenu a:focus, .mainmenu li.this > a, .mainmenu li:hover > a {text-shadow: 0 0px 0.5px #fff, 1px 0 0.5px #fff, -1px 0 0.5px #fff;}
.mainmenu li a span {display:block;position:relative}
.mainmenu li a span:after {width:0;bottom:-5px;background:#fff;height:1px;position:absolute;left:0;content:"";display:block}
.mainmenu a:hover span:after, .mainmenu a:focus span:after, .mainmenu li.this > a span:after, .mainmenu li:hover > a span:after {width:100%;}
.mainmenu li li {display:block}
.mainmenu li li a {color:#000;padding:10px 30px;text-align:initial;display:block;border:none;text-transform:uppercase;font-weight:800;border-bottom:1px solid #000;font-size:15px;}
.mainmenu li li a:hover, .mainmenu li li a:focus, .mainmenu li li.this > a {color:#fff;background:#3333cc;text-shadow:none}
.mainmenu li li.this > a {color:#fff;background:#3333cc;}
.mainmenu li li li {float:none;display:block;}
.mainmenu li li li a {color:#000;text-align:initial}
.mainmenu li li li a:hover, .mainmenu li li li a:focus, .mainmenu li li li.this > a {color:#000;}
.mainmenu li li li.this > a {color:#ff6633;}

.topmenu {display: flex;align-content:stretch;justify-content:space-between;flex-wrap: wrap;float:right;margin:0 0 25px 0;}
.topmenu li {flex: auto;position:relative}
.topmenu > li a {font-weight: 500;color:#3333cc;display:block;text-align:center;line-height:110%;padding:10px 20px;font-size:16px;text-transform:uppercase;border-right:1px solid #3333cc;position:relative}
.topmenu > li:last-of-type a {border:none}
.topmenu a:hover, .topmenu a:focus, .topmenu li.this > a, .topmenu li:hover > a {text-shadow: 0 0.015em #3333cc,0 -0.015em #3333cc,0.01em 0 #3333cc,-0.01em 0 #3333cc;}
.topmenu li.this > a {font-weight:800}
.topmenu li a span {display:block;position:relative}
.topmenu li a span:after {width:0;bottom:-5px;background:#3333cc;height:1px;position:absolute;left:0;content:"";display:block}
.topmenu a:hover span:after, .topmenu a:focus span:after, .topmenu li.this > a span:after, .topmenu li:hover > a span:after {width:100%;}
.topmenu li li {display:block}
.topmenu li li a {color:#000;padding:20px 40px;text-align:initial;display:block;border:none;text-transform:uppercase;font-weight:800;border-bottom:1px solid #000}
.topmenu li li a:hover, .topmenu li li a:focus, .topmenu li li.this > a {color:#fff;background:#3333cc;}
.topmenu li li.this > a {color:#fff;background:#3333cc;}
.topmenu li li li {float:none;display:block;}
.topmenu li li li a {color:#000;text-align:initial}
.topmenu li li li a:hover, .topmenu li li li a:focus, .topmenu li li li.this > a {color:#000;}
.topmenu li li li.this > a {color:#ff6633;}

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

.dropmenuplace {position: absolute;top: 67px;left: 0px;z-index: 1;opacity: 0;width: 400px;display: none;background: #fff;}
.dropmenuplace .page {width:100%;}
.topmenu .dropmenuplace {top: 37px;}

.sliderhome {position: relative;overflow:hidden;height:900px;background: #3333cc;}
.sliderhome h2 {color:#fff;font-size:100px;max-width:50%;text-transform:uppercase;font-weight:900;line-height:120%}
.sliderhome h3, .sliderhome p {color:#ccc;font-size:30px;max-width:50%;}
.sliderhome .abstractbig {position:absolute;left:50%;top:15%;width:1440px;margin:0 0 0 -670px;}
.sliderhome video {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;opacity:.7}
.sliderhome img {display:none}

.flexplace {display: flex;flex-wrap: wrap;float:left;width:100%;margin:3% 0;z-index:2 ;position:relative}
.flex {width: 32%;margin: 0 2% 2% 0;}
.flex:nth-of-type(3n) {margin-right: 0;}
.flex .title {font-size:120%;color:#000;padding:35px;text-align:center;text-transform:uppercase;font-size:18px;}
.flex > a {display:block;color:#000;position:relative;z-index:1}
.flex a:hover, .flex:hover {z-index:2}
.flex a:hover .title, .flex a:focus .title {background:#ff6633;}
.flex .imgplace {width: 100%;height: 600px;position: relative;background:#fff;display: flex;align-items: center;justify-content: center;overflow:hidden}
.flex .imgplace div:first-of-type {overflow:hidden}
.flex .imgplace2 {width: 100%;height: 400px;position: relative;background:#000;overflow:hidden}
.flex .imgplace2 .title {position:absolute;left:0;top:0;padding:4%;font-size:24px;color:#fff;font-weight:600}
.flex a img {width:100%;opacity:.6;margin:auto;max-width:none;position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.flex .imgplace2 img {/*height:450px;*/}
.flex a:hover img, .flex a:focus img {opacity:1;-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 iframe {height:100%;}
.flex .abstract {position:absolute;background:#fff;left:0;bottom:0;opacity:0;width:100%;}
.flex .imgplace2 .abstract {background:none;padding:4%;color:#fff;max-width:75%;}
.flex a:hover .abstract {opacity:1}
.flex .more {display:block;border-top:1px solid #3333cc;color:#000;padding:6%;position: relative;}
.flex .more:after {height:100%;width: 140px;background: #3333cc url(../images/rightwhitearrow.png) center center no-repeat;border: none;position: absolute;right: -25px;top: -1px;}
.flex a:hover .more:after {right: 0px;}
.flex .moreabstract {padding:6%;line-height: 160%;}
.flex .imgplace2 .more {border:none;position:absolute;right:0;bottom:0;}
.flex .imgplace2 .more:after, .flex a:hover .imgplace2 .more:after {right:0;top:auto;bottom:0;}
.flex a:hover .imgplace2 .more:after {background-color:#ff6633}
.flex a:hover .imgplace2 {background:#3333cc}
.flex a:hover .imgplace2 .title, .flex a:focus .imgplace2 .title {background:none}
.flex a:hover .imgplace2 img {opacity:.3}


.featuresfooter {display: flex;flex-wrap: wrap;float:left;width:100%;padding:3%;z-index:2 ;position:relative}
.featuresfooter > div {width: 18%;margin: 1%;}
.featuresfooter .title {font-size:120%;color:#000;padding:10px;text-align:center;font-size:16px;}
.featuresfooter a {display:block;color:#000;position:relative;z-index:1}
.featuresfooter a:hover {z-index:2}
.featuresfooter a:hover .title, .featuresfooter a:focus .title {background:#ff6633;}
.featuresfooter .imgplace {width: 100%;height: 200px;position: relative;background:#fff;display: flex;align-items: center;justify-content: center;overflow:hidden}
.featuresfooter a img {width:100%;opacity:.6;margin:auto;max-width:none;position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.featuresfooter a:hover img, .featuresfooter a:focus img {opacity:1;-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);}
.featuresfooter .abstract {position:absolute;background:#fff;left:0;bottom:0;opacity:0;width:100%;}
.featuresfooter a:hover .abstract {opacity:1}
.featuresfooter .more {display:block;border-top:1px solid #3333cc;color:#000;padding:6%;position: relative;}
.featuresfooter .more:after {height:100%;width: 140px;background: #3333cc url(../images/rightwhitearrow.png) center center no-repeat;border: none;position: absolute;right: -25px;top: -1px;}
.featuresfooter a:hover .more:after {right: 0px;}
.featuresfooter .moreabstract {padding:6%;line-height: 160%;}



.flexplace.liststyle > .flex {width:100%;margin:0 0 6% 0;}
.flexplace.liststyle > .flex a {display:flex}
.flexplace.liststyle > .flex a > div {width:34%;display: flex;flex-direction: column;z-index:2}
.flexplace.liststyle > .flex a > div > div, .flexplace.liststyle > .flex a .more {padding:6% 60px 6% 120px;border-top:1px solid #ccc}
.flexplace.liststyle > .flex a .imgplace {width:66%;overflow:hidden;padding:0;height:auto;overflow:hidden;z-index:1}
.flexplace.liststyle > .flex a .imgplace img {height:auto;max-width:100%}
.flexplace.liststyle > .flex a .title {text-align:initial;position:relative;font-size:24px;font-weight:600;border:none;    height: 30%;}
.flexplace.liststyle > .flex a .title img {position:absolute;left:0px;top:0;max-width:80px;max-height:80px;height:auto;opacity:1}
.flexplace.liststyle > .flex a:hover .title {background:none}
.flexplace.liststyle > .flex a .moreabstractplace {height: 65%;}
.flexplace.liststyle > .flex a .moreabstractplace div {display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.flexplace.liststyle > .flex a .more {margin:0;color:#999;border-bottom:none;height: 15%;}
.flexplace.liststyle > .flex a:hover .more {color:#ff6633}
.flexplace.liststyle > .flex a:hover .more:after {background-color: #ff6633}

.flexplace.liststyle.opposite > .flex:nth-of-type(2n) a {flex-direction: row-reverse;}

.flexplace.projectslider .abstract {color:#ffffff;padding:2%;background: #000000\8;background: rgba(0, 0, 0, 0.8);width:100%;height:auto;position:absolute;left:0px;bottom:0px;margin:0;}

.projects > div {width:100%;margin:0 0 3% 0;text-align:initial}
.projects .abstract {position:absolute;left:0;top:0;width:100%;height:100%;color:#fff;opacity:1;z-index:2;background:none}
.projects a:after {position:absolute;left:0;top:0;width:100%;height:100%;background: #000000\6;background: rgba(0, 0, 0, 0.6);}
.projects a:hover:after {opacity:0}
.projects img {opacity:1}
.projects .moreabstract {padding:2% 0 2% 4%;max-width:60%;background:#ff6633}
.projects a:hover .moreabstract {background:#3333cc}
.projects .title {color:#fff;padding:4%;text-align:initial;max-width:60%;margin:6% 0 0 0;background:#3333cc}
.projects a:hover .title {background:#ff6633}
.projects .imgplace {overflow:hidden}
.projects a .more {margin:0;color:#999;border:none;bottom:114px;position:absolute;right:0;padding:0;}
.projects a:hover .more {color:#ff6633}
.projects a:hover .more:after {background-color: #ff6633}

.featuresplace1 {position:absolute;right:0;bottom:70px;width:60%}
.featuresplace1 .features {display:flex;align-items: flex-end;}
.featuresplace1 .features > div {font-size:24px;width:30%;color:#ffffff;position:relative;padding:5% 5% 7% 5%;background: #ff6633\7;background: rgba(255, 102, 51, 0.7);line-height:120%}
.featuresplace1 .features > div:nth-of-type(2n){font-size:30px;width:70%;background: #3333cc\7;background: rgba(51, 51, 204, 0.7);padding:10% 10% 12% 10%;}
.featuresplace1 .features a {color:#fff;}
.featuresplace1 .features a .more {border:none;padding:0;position:absolute;right:4%;bottom:4%}
.featuresplace1 .features a .more:after {    background: url(../images/rightwhitearrow.png) right center no-repeat;background-size:contain;opacity:.5}

.featuresplace2 .feature a {background:#fff;display:flex;}
.featuresplace2 .feature a > div {width:50%;color:#000;display: flex;flex-direction: column;}
.featuresplace2 .feature a > div:nth-of-type(2n) div {padding:3% 6% 3% 12%;border-bottom:1px solid #ccc;height:50%}
.featuresplace2 .feature a > div:nth-of-type(2n) .title {color:#000;font-size:24px;font-weight:800;text-transform:uppercase;height:30%}
.featuresplace2 .feature a > div:nth-of-type(2n) .more {height:20%}
.featuresplace2 .feature a .more {color:#999;position: relative;border:none;padding:3% 6%;margin:0;height:20%}
.featuresplace2 .feature a .more:after {height:115px;width: 140px;background: #3333cc url(../images/rightwhitearrow.png) center center no-repeat;border: none;position: absolute;right: -25px;top: -1px;}
.featuresplace2 .feature a:hover .more:after {background-color: #ff6633;right:-50px;}

.featuresplace3 {margin:20px 0 80px 0;}
.featuresplace3 .flex, .featuresplace3 .flex:nth-of-type(3n) {width:25%;margin:0;}
.featuresplace3 .flex .imgplace {border-right:1px solid #fff}
.featuresplace3 .flex:nth-of-type(4n) .imgplace {border:none}

.maincontent {margin:135px 0 40px 0}
#maintitleplace {background:#000;position:relative;overflow:hidden;height:800px;}
#maintitleplace img {opacity:.6;position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}

.bodytext ul li, .mainabstract ul li {padding-left:15px;background: url(../images/dot.png) left 7px no-repeat;}
.bodytext h2, .smalltitle {font-size:24px;text-transform:uppercase;font-weight:800;border-bottom:1px solid #ccc;display:inline-block;padding:0 0 30px 0;}

.mainabstract {max-width:50%;display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.mainabstract p, .mainabstract li {font-size:30px;color:#fff;line-height: 130%;}
.pagetitle {height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;}

.content, .content.contentwide {float:left;width:100%;padding:0 0 6% 0}
.tmpcatalogpages .content, .tmpcatalogpages .content.contentwide {padding:0;}
.content p a {text-decoration:underline;color:#ff6633;}
.content p a:hover, .content p a:focus {color:#000;}

.bodyflex .bodytext {display: flex;align-items: flex-start;justify-content: flex-end;flex-wrap: wrap;margin:6% 0}
.bodyflex .bodytext.whithimg {width:60%;float:left}
.greyplace .bodyflex .bodytext {padding:0}
.bodyflex h2, .searchresultsplace h2, .bodytext h1 {/*width:28%;*/margin: 0 0 20px 0;color:#000;font-size: 24px;}
.bodyflex p {width:66%;}
.bodyflex .clear {width:100%;}

/*
.bodyflexproduct {display: flex;align-items: flex-start;justify-content: flex-end;flex-wrap: wrap;margin:6% 0 0 0}
.bodyflexproduct > div {width:28%;margin: 0 5% 0 0;}
.bodyflexproduct > div:nth-of-type(2n) {width:66%;margin:0}
	*/
.tmpproductitem .bodytext, .tmpproductitem .dataplace {max-width:53%;float: left;}
.tmpproductitem .bodyflex .bodytext {max-width:100%;float: none;}

.leftmenu {padding:20px 0;text-align:center;} 
.leftmenu li {display: inline-block;margin:.5%;}
.leftmenu a {display:block;color:#fff;padding:10px 20px;background:#666;}
.leftmenu a:hover, .leftmenu .this a, .leftmenu a:focus {background:#333}
.leftmenu a.this {font-weight:800}
.leftmenu .level2, .leftmenu .level3, .leftmenu .level4 {padding:5px;}

.breadcrumbs {margin:30px 0;width:100%;float:left;position: absolute;left: 0;top: 0;}
.breadcrumbs li {font-size:14px;color:#fff;}
.breadcrumbs span {padding: 0 5px;}
.breadcrumbs a {color:#fff;}
.breadcrumbs a:hover, .breadcrumbs a:focus {text-decoration: underline}
.breadcrumbs br {display:none}

.imagesplace {position:relative;z-index:9;margin:0 0 40px 0;}
.imagesplace a {display:block;margin:0 auto 10px auto;height: 600px;position:relative;overflow:hidden}
.imagesplace img {/*width: 100%;*/max-height:600px;margin:auto;}
.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:-25px;}
.imagesplace .slick-dots li button:before, .imagesplace .slick-dots li.slick-active button:before {color:#ff6633;}
.imgslider {background:#f0f0f0}
.imgslider.imagesplace a {margin:0 0 -4px 0}
.imgside {float:right;max-width:45%;margin:0 0 20px 2%;}
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;}

.masonryitem, .grid-sizer {width:30%;margin-bottom:40px;}
.gutter-sizer {width: 3%;}
 
.docsplace, .linksplace {display: flex;align-items: flex-start;justify-content: space-between;margin:6% 0;width:100%;float:left}
.docsplace > div, .linksplace > div {width:25%;flex: auto;}
.docsplace > div:nth-of-type(2n), .linksplace > div:nth-of-type(2n) {width:70%;}
.docsplace a, .linksplace a {display:block;color:#000;display: flex;align-items: center;background:#dedede;padding:4% 15% 4% 4%;float:right;margin:0 0 0 10px;position: relative;min-width:460px;}
.docsplace a:after, .linksplace a:after {width:100px;background:#3333cc url(../images/download.png) center center no-repeat;content:"";display:block;position:absolute;right:0;top:0;height:100%;}
.linksplace a:after {background:#3333cc url(../images/link2.png) center center no-repeat;}
.docsplace a:hover, .linksplace a:hover {background:#3333cc;color:#fff}
.docsplace a:hover:after, .linksplace a:hover:after {background-color:#ff6633}
.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 {border-bottom: 1px solid #ccc;display: inline-block;padding: 0 0 30px 0;font-size: 24px;text-transform: uppercase;font-weight: 800;}


.footerlinksplace {float:right;width:80%;}
.footerlinksbox {width:25%;float:left;margin:0 0 20px 0;}
.footerlinksbox a {color:#fff;margin:0 0 5px 0;display:block;font-size:18px;}
.footerlinksbox a:hover, .footerlinksbox a:focus {text-decoration:underline;    color: #ff6633;}
.footerlinksbox .title {color:#666;margin:0 0 5px 0;font-size:16px;text-transform:uppercase}
.footerlinksbox li {display:block}

.socialmedia {float:left;width:20%;margin:6% 0 0 0}

.blackplace {background:#000;padding:80px 0 10px 0;margin:80px 0 0px 0}
.blackplace img {max-width:175px;}
.blackplace img:hover {-moz-box-shadow: 0px 0px 10px rgba(255,255,255,1);-webkit-box-shadow: 0px 0px 10px rgba(255,255,255,1);box-shadow: 0px 0px 10px rgba(255,255,255,1);}

footer {padding: 150px 0 0 0px;position:relative;background:#3333cc;width: 100%;float: left;}
.tmpcontact footer, .content, .tmpcontact .content.contentwide {padding:0;}
.tmpcontact .blackplace {margin:0}

.credits {padding:15px;color:#666666;text-align:center;font-size:14px;text-transform:uppercase}
.credits a {color:#fff;}
.credits a:hover, .credits a: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%;}

.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;}

.contactform {position:relative}
.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; opacity:0}
.contactform .viewframe {opacity:1;top:-15px;}

.contactformplace {max-width:600px}
.contactformplace label {margin:0 0 20px 0;}
.contactformplace .smalltitle {font-size:24px;display:block;color:#fff;padding:0;border:none}
.contacttext {background:#fff;padding:4%;position:absolute;left:50%;top:25%;width:400px;}
.contacttext p {padding:0px 0 0px 65px;background: url(../images/i1.png) left center no-repeat;display:flex;    align-items: center;min-height:65px}
.contacttext p:nth-of-type(2n) {background: url(../images/i2.png) left center no-repeat;}
.contacttext p:nth-of-type(3n) {background: url(../images/i3.png) left center no-repeat;}
.contacttext p:nth-of-type(4n) {background: url(../images/i4.png) left center no-repeat;}

.gmap {width:40%;height:100%;float:right}
.gmap iframe {height: 100%;}

#contactfooter {width:60%;float:right}
.contactform input, .contactform textarea {color:#fff;border-bottom:1px solid #fff}
.contactform textarea {height:230px;}
.contactform ::-webkit-input-placeholder {color: #fff;}
.contactform ::-moz-placeholder {color: #fff;}
.contactform :-ms-input-placeholder {color: #fff;}
.contactform :-moz-placeholder {color: #fff;}
.contactform input[type="submit"] {width:140px;height: 115px;background:#ff6633 url(../images/rightwhitearrow.png) center center no-repeat;border:none;position: absolute;right: -25px;bottom: -25px;}
.contactform input[type="submit"]:hover {right: -50px;}
#contactfooter .contactform {display:flex;position:relative;margin:0 6% 0 0}
#contactfooter .contactform > div {width: 45%;margin: 0 5% 0 0;}
#contactfooter .contactform > div:nth-of-type(2n) {margin-right: 0;}

.opencontact {display:none}

a.lang {color: #fff;display: block;float:right;line-height: 110%;padding: 25px 10px;font-size: 16px;text-transform: uppercase;}
a.whatsapp {float:right;display: block;width: 30px;height:30px;margin: 18px 5px;background: url(../images/whatsapp.png) center center no-repeat;}

.shoppingcartplace {float:right;position:relative;}
.shoppingcart.showcart:hover .togglecart, .shoppingcart.showcart:focus .togglecart, .shoppingcart.showcart.opened .togglecart, .togglecart.opened {display:block}
.shoppingcartplace .numof {color: #fff;background: #ff6633;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;position: absolute;width: 18px;height: 18px;margin: 0 0 0 -7px;left: 50%;top: 10px;font-size: 12px;line-height: 150%;text-align: center;display:none}
.shoppingcarticon {border: none;padding: 18px 10px;float: right;position: relative;}

.carticon {width: 30px;height:30px;position:relative;background: url(../images/cart.png) center center no-repeat;}

.togglecart {position:absolute;right:0;top:67px;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 rgba(100,100,100,0.5);box-shadow: 0px 0px 10px rgba(100,100,100,0.5);}

.cartplace .title {text-align:center;padding:5px;color: #fff;background: #ff6633;padding: 10px;    font-weight: 800;line-height: 100%;}
.cartplace .cap, .btnorder {border:none;display: block;float: right;    width: 180px;font-size: 16px;text-transform: uppercase;margin:15px auto 5px auto;background: #ff6633;color: #fff;text-align: center;padding: 10px 10px;}
.cartplace .cap:hover, .cartplace .cap:focus, .btnorder:hover, .btnorder:focus {background: #666;}
.cartplace .cap {margin:10px;}

.cartheader, .cartItemPlace {border-bottom:1px solid #ccc}
.cartheader {background:#f0f0f0;}
.cartheader div, .cartItemPlace div div {display:inline-block;font-size:13px;float:left;padding:5px;width:47%;}
.cartheader div:nth-of-type(2n), .cartItemPlace div div:nth-of-type(2n) {width:26%;text-align:center}
.cartheader div:nth-of-type(3n), .cartItemPlace div div:nth-of-type(3n) {width:15%;text-align:center}
.cartheader div:nth-of-type(4n), .cartItemPlace div div:nth-of-type(4n) {width:12%;text-align:center}
.cartItemPlace .removeFromCart {width:20px;height:20px;border:none;background: url(../images/sprite.png) -43px -37px no-repeat;margin:auto}
.cartItemPlace .removeFromCart:hover, .cartItemPlace .removeFromCart:focus {    background-color: #ccc;}
.cartItemPlace .item_size {display:none}

.indexcontent {padding:6% 0 3% 0;display:flex}
.indexcontent > div {width:50%;} 
.indexcontent > div:nth-of-type(2n) {padding:0 0 0 12%}
.indexcontent h1 {font-size: 2.2vw;position:relative;color:#000;line-height: 220%;font-weight:800}
.indexcontent h1:after {position:absolute;left:0;bottom:-60px;width:40%;height:5px;background:#000;content:"";display:block}
.indexcontent p {margin:0 0 30px 0;}

.orangetitle {font-weight: 800;color: #fff;padding: 1.5% 2%;background: #ff6633;font-size: 3vw;display:inline-block}

.bannerplace {float:left;width:30%;color:#fff;}
.bannerplace .title {font-size: 3vw;text-transform:uppercase;margin:0 0 60px 0;font-weight:800}

.indexcontent2 {padding:40px 0;display:flex;align-items: flex-start;width: 100%;}
.indexcontent2 h2 {font-weight:800;color:#fff;padding:.5% 2%;background:#ff6633;margin:0 4% 0 0;font-size: 3vw;}
.indexcontent2 p {margin:0 4% 0 0;}
.indexcontent2 p:last-of-type {margin:0}
.indexcontent2 .more {filter: brightness(0) invert(0);opacity:.6;min-width:250px;}
.indexcontent2 .more:hover {filter: brightness(1) invert(0);opacity: 1;}

.highlight {position: relative; display: inline-block;color:#fff;background:#3333cc;padding:0 10px;}

.blueplace {position:absolute;left:0;top:0;height:100%;width:100%}
.blueplace:before {content:"E";display:block;color:#fff;font-size:1170px;font-weight:900;position:absolute;left:-70px;top:-20px;opacity:.1;line-height: 70%;z-index:2}
.blueplace:after {width:60%;background:#3333cc;height:100%;position:absolute;left:0;top:0;z-index:1}
.blueplace .page {z-index: 3;position: relative;display: flex;flex-direction: column;height: 100%;justify-content: flex-start;}
.tmpcatalogpages .blueplace:after, .tmpcatalogpage .blueplace:after, .tmpproject .blueplace:after, .tmpprojects .blueplace:after,
.tmplocations .blueplace:after, .tmpproductsmain .blueplace:after, .tmpproducts .blueplace:after {display:none}

.tmpcatalogpages .maincontent {margin-bottom:0;}

.slidetodownplace {position: absolute;left: 0px;bottom: 0px;z-index:13;width:60%}
.slidetodown {width: 140px;height: 140px;background: #ff6633 url(../images/rightwhitearrow.png) center center no-repeat;border: none;position: absolute;right: -140px;bottom: 0px;z-index:13;transform: rotate(90deg);opacity:.7}
.slidetodown:hover {opacity:1}

.tmpnewsitem .blueplace:after {width:100%;}
.tmpnewsitem .pagetitle h1 {max-width:100%;}

.eplace, .dplace, .aplace, .lplace {position:relative;width:100%;float:left;overflow:hidden}
.eplace:before, .dplace:before, .aplace:before, .lplace:before {content:"E";display:block;color:#fff;font-size:900px;font-weight:900;position:absolute;left:0px;top:0px;opacity:.5;line-height: 70%;z-index:2}
.dplace:before {content:"D";left:auto;right:0;}
.aplace:before {content:"A";left:auto;right:-10%;transform: rotate(-45deg);}
.lplace:before {content:"L";color:#f0f0f0;left:5%;top:10%;}

.tabsplace {width:100%;float:left;margin:30px 0;}
.tabsplace button {float:left;padding:10px 25px;color:#000;border:none;width:auto;background:#999999;margin:0 10px 10px 0;text-transform:uppercase;font-weight:500;font-style:italic}
.tabsplace button:hover, .tabsplace button:focus, .tabsplace button.this {background:#ff6633}
.tabcontentplace {width:100%;float:left;margin:0 0 60px 0;}
.tabcontentplace .tab {display:none}
.tab.this {display:block}

.dataplace {margin:20px 0;}
.dataplace > div {font-weight:bold;}

.content26 {width:30%;float:left;color:#3333cc;margin:60px 0 0 0}
.featuresplace4 {width:65%;float:right;position:relative;margin:0 0 6% 0}
.featuresplace4 > div {width:33%;height:230px;text-align:center;color:#3333cc;float:left;text-transform:uppercase;font-weight:500;margin:60px 0 0 0;position:relative}
.featuresplace4 .imgplace, .featuresplace4 .imgplace div {margin: 0 auto;transform-origin: 50% 50%;overflow: hidden;width: 130px;height: 150px;}
.featuresplace4 .imgplace {transform: rotate(120deg);margin: 0 auto 15px auto;}
.featuresplace4 .imgplace div {transform: rotate(-60deg);width: 100%;height: 100%;}
.featuresplace4 .imgplace div div {display:flex;align-items: center;background:#3333cc}
.featuresplace4 .imgplace img {margin:auto}
.featuresplace4 > div:after {height:160px;width:2px;position:absolute;left:0;top:80px;background:#3333cc;}
.featuresplace4 > div:nth-of-type(4n):after,.featuresplace4 > div:nth-of-type(5n):after,.featuresplace4 > div:nth-of-type(6n):after {top:-80px;}
.featuresplace4:after {position:absolute;top:50%;left:0;width:100%;height:2px;background:#3333cc;}
.featuresplace4 .title {padding:0 4%}
.featuresplace4 > div:before {width:150px;height:2px;position:absolute;left:0;top:80px;background:#3333cc;content:"";display:block}

.featuresplace5 .feature a {display:flex;    flex-direction: row-reverse;}
.featuresplace5 .feature a > div {width:50%;color:#000;display: flex;flex-direction: column;position:relative;    align-self: center;}
.featuresplace5 .feature a > div:nth-of-type(2n) div {padding: 6%;border-bottom:1px solid #ccc;height:70%}
.featuresplace5 .feature a > div:nth-of-type(2n) .title {color:#000;font-size:24px;font-weight:800;text-transform:uppercase;height:30%}
.featuresplace5 .feature a .more {border:none;padding:0;margin:0;position: absolute;right: 0px;bottom: 0px;z-index:2;display:block}
.featuresplace5 .feature a .more:after {height:115px;width: 140px;position: absolute;right: -25px;background: #3333cc url(../images/rightwhitearrow.png) center center no-repeat;bottom:-25px;}
.featuresplace5 .feature a:hover .more:after {background-color: #ff6633;right:-50px;}
.featuresplace5 .feature .imgplace .cut {overflow:hidden}

.whiteplace {background:#fff;padding:6% 0;}

.productsduo > div, .productsduo > div:nth-of-type(3n) {width:49%;margin:0 2% 2% 0}
.productsduo > div:nth-of-type(2n) {margin-right:0;}

.products .imgplace, .products .imgplace img {height: 300px;opacity: 1;max-width: none;width: auto;}
.products .imgplace img {position: static;width: auto;height: auto;max-width: 100%;max-height: 100%;}
.products .imgplace {background:#f0f0f0}
.products .imgplace div {display: flex;justify-content: center;align-items: flex-start;}
.products .abstract {flex-direction: column;align-items: flex-start;padding:10px;}
.products .more {border:none;position:absolute;right:0;bottom:0;}
.products .more:after, .products a:hover .more:after {right:0;top:auto;bottom:0;}
.products .more:after {background-color:#ff6633}
.products a:hover .imgplace {background:#3333cc}
.products .title {padding: 15px 0;text-transform:none;text-align:initial}
.products a:hover .title, .products a:focus .title {background:none}
.products a:hover img {opacity:.6}

.tmpproductitem .blueplace:after {display:none}

.greyplace {padding:6% 0;background:#f0f0f0}

.similarslider {margin:0 0 5% 0;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:.8}
.similarslider .slick-slide a:hover img {opacity:1}

#showmore {font-size:24px;border:none;background:none;margin:20px auto;}

.flexplace.news { float: left;width: 100%;}
.flexplace.news > div {margin:0 0 3% 0;width:100%;display:none;}
.flexplace.news div {padding:0;text-align:initial}
.flexplace.news > div:first-of-type {display: block;}
.flexplace.news a {display: flex;align-items: flex-start;}
.flexplace.news > div .abstract {display:flex;background:#f0f0f0;width:85%;margin:0;position:relative;padding:4%;opacity:1}
.flexplace.news > div .date {width:15%;background:#ff6633;color:#fff;text-align:center;font-size:24px;padding:2%}
.flexplace.news a:hover .abstract {background:#3333cc;color:#fff;}
.flexplace.news a:hover .title {background:none;color:#fff;}
.flexplace.news .title {font-weight:600;position:relative;padding:0 4% 0 0}
.flexplace.news .moreabstract {padding:0 10% 0 4%}
.flexplace.news a .more:after {right:0;}
.flexplace.news a .more {margin:0;color:#999;border:none;bottom:114px;position:absolute;right:0;padding:0;}
.flexplace.news a:hover .more {color:#ff6633}
.flexplace.news a:hover .more:after {background-color: #ff6633;right:-25px;}
.flexplace.news .title:after {height:100%;width:1px;background:#000;position:absolute;right:0;top:0;}

.flexplace.careers { float: left;width: 100%;}
.flexplace.careers > div {margin:0 0 3% 0;width:100%;border-bottom:1px solid #ccc}
.flexplace.careers div {padding:0;text-align:initial}
.flexplace.careers a {display: flex;align-items: flex-start;}
.flexplace.careers > div .abstract {display:flex;width:100%;margin:0;position:relative;padding:4%;opacity:1}
.flexplace.careers > div .date {width:15%;background:#ff6633;color:#fff;text-align:center;font-size:24px;padding:2%}
.flexplace.careers a:hover .abstract {background:#3333cc;color:#fff;}
.flexplace.careers a:hover .title {background:none;color:#fff;}
.flexplace.careers .title {font-weight:600;position:relative;width:20%;}
.flexplace.careers .moreabstract {padding:0 10% 0 4%;width:80%}
.flexplace.careers a .more:after {right:0;}
.flexplace.careers a .more {margin:0;color:#999;border:none;bottom:114px;position:absolute;right:0;padding:0;}
.flexplace.careers a:hover .more {color:#ff6633}
.flexplace.careers a:hover .more:after {background-color: #ff6633;right:-25px;}
.flexplace.careers .title:after {height:100%;width:1px;background:#ccc;position:absolute;right:0;top:0;}

.flexplace.downloads { float: left;width: 100%;}
.flexplace.downloads > div {margin:0 0 3% 0;width:100%;border-bottom:1px solid #ccc;background:#f0f0f0}
.flexplace.downloads div {padding:0;text-align:initial}
.flexplace.downloads a {display: flex;align-items: flex-start;}
.flexplace.downloads > div .abstract {display:flex;width:100%;margin:0;position:relative;padding:4%;opacity:1;background:#f0f0f0;}
.flexplace.downloads a:hover .abstract {background:#3333cc;color:#fff;}
.flexplace.downloads a:hover .title {background:none;color:#fff;}
.flexplace.downloads .imgplace {font-weight:600;position:relative;width:auto;padding:0 4% 0 0}
.flexplace.downloads .moreabstract {padding:0 10% 0 4%}
.flexplace.downloads a .more:after {right:0;background: #3333cc url(../images/download.png) center center no-repeat;}
.flexplace.downloads a .more {margin:0;color:#999;border:none;bottom:114px;position:absolute;right:0;padding:0;}
.flexplace.downloads a:hover .more {color:#ff6633}
.flexplace.downloads a:hover .more:after {background-color: #ff6633;right:-25px;}
.flexplace.downloads .imgplace:after {height:100%;width:1px;background:#999;position:absolute;right:0;top:0;}
.flexplace.downloads img {max-width:100px;max-height:100px;height:auto}
.flexplace.downloads .imgplace {background:none;height:auto}

.managements > div, .managements > div:nth-of-type(3n) {width:21%;position:relative;margin:2%;text-align:initial}
.managements > div div {text-align:center}
.managements > div .position, .managements > div .title {color:#000000; margin:30px 0;font-size:18px;font-weight:800;text-transform:uppercase;padding:0}
.managements > div .title {font-weight:400;margin:15px 0;}
.managements .abstract {opacity:1;position:static}
.managements a {display:block;color:#000000;}
.managements > div .imgplace {height:250px;width:250px;overflow:hidden;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;margin:auto}
.managements > div img {margin:auto;height:250px;max-width:none;width:auto}
.managements a:hover .imgplace, .managements a:focus .imgplace {-moz-box-shadow: 0px 0px 1px rgba(0,0,0,0.7);-webkit-box-shadow: 0px 0px 1px rgba(0,0,0,0.7);box-shadow: 0px 0px 1px rgba(0,0,0,0.7);}
.managements a:hover img, .managements a:focus img {}

.clients {display:flex;flex-wrap: wrap;}
.clients > div {width:25%;padding:1%;}
.clients .imgplace {height:200px;border:1px solid #f0f0f0;display:flex}
.clients > div img {margin:auto;max-height:200px}
.clients .title {text-align:center;margin:10px 0;font-weight:600}
/*.clients img {filter: grayscale(100%);}
.clients img:hover {margin:auto;filter: grayscale(0%);}*/

#imgHeaderplace {position: absolute;width: 40%;right: 0;top: 50%;margin: -175px 0 0 0;height: 350px;border-left: 10px solid #fff;}
#imgHeaderplace img {margin:auto;position:static;opacity:1}

.searchplace {width:200px;float:right;margin: 5px;}
.search {border:1px solid #575757;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;position: relative;}
.search label {display:inline-block;margin:0;width: 75%;}
.search input {padding:2px 10px;border:none;color:#575757;font-size:16px;margin: 3px 5px;}

.search .submitsearch {width:30px;height:30px;background:#575757;float:right;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;position:relative}
.search .submitsearch:before, .search .submitsearch:after {content:"";display:block;border:1px solid #fff;width:0px;height:13px;position:absolute;left:19px;top:17px;}
.search .submitsearch:before {-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;left:5px;top:5px;width:13px;}
.search .submitsearch:after {transform:rotate(-45deg);height:6px}
.search .submitsearch:hover, .search .submitsearch:focus {background-color:#000}

.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;}

#numOfResults {font-size:20px;}

/*-CART-*/

.AddToCart.more {background: #3333cc ;color:#fff;padding-left:20px;border:none;position:relative}
.AddToCart.more:after {background:  url(../images/rightwhitearrow.png) center center no-repeat;margin:0 10px 0 0}
.AddToCart.more:hover {background:#ff6633}

.AddToCart.more.addeditem:after {content:"";display:block;background:url(../images/approve.png) center center no-repeat;width:25px;height:25px;position:absolute;right:-15px;top:-15px;background-size:contain}

.toggleanim, .shoppingcart:hover .togglecart, .accountplace:hover .toggleplace, .toggleplace.opened, .togglecart.opened {-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;}
}


.line, .box {display: block;background: url(../images/sprite.png) -222px 0px no-repeat;height: 30px;width: 30px;float:right;}
.line, .box {opacity: .5}
.line.this, .box.this {opacity: 1}
.line {background-position:0px -42px;}
.box {background-position:0px -86px;margin:0 5px;}
  
.sortplace {background: #ccc;padding: 10px;margin: 0 0 30px 0;}
.sortplace select {float: right;background: #fff;width: 150px;padding:6px;}
.sortplace .sortby {margin: 5px 0 0 10px;float:right}

.procutssearch {width: 19%;float: left;}
.procutssearch .title {font-size: 24px;cursor:pointer}

.searchbox {}
.searchbox .title {font-size: 24px;padding: 5px 0;border-bottom: 1px solid #ccc; }
.searchbox.this .title {background: url(../images/bottomgreyarrow.png) 0px center no-repeat;color: #000;}
.searchbox input[type="search"] {padding: 5px 2%;margin: 0 0 10px 0;color: #000;width: 96%;background: #f0f0f0;}
.searchbox input[type="checkbox"] {margin: 4px 10px 0px 0px;border: 1px solid #000;float: left;}
.searchbox li {margin: 0 0 5px 0;}
.searchbox li:hover {}
.searchbox .scroll {overflow-y: auto;max-height: 200px;margin: 0 0 10px 0;background: #f0f0f0;padding:10px;}
.searchbox .scroll span {unicode-bidi: plaintext}
.searchbox .searchlist, .searchbox .scroll {display: block}
.searchbox.this .searchlist, .searchbox.this .scroll {display: block}

table.dataTable thead th, table.dataTable thead td, table.dataTable.no-footer {border-bottom: none}
table.producttable.dataTable tbody th, table.producttable.dataTable tfoot th, table.producttable.dataTable thead th,
table.producttable.dataTable tbody td {padding: 5px 15px;}

.procuts_list_main.w100 {width: 100%;}
.procuts_list_main, .procuts_list_side {position: relative}
.procuts_list_main.flexplace {margin:0;}

.poductsideplace {float: right;width: 78%;}

.changeq {margin: 5px auto;float:right;}
td .changeq {float:none}
.changeq span, .changeq input {border: 1px solid #f68e1e;background: #f0f0f0;width: 30px;height: 30px;float: right;margin: 0 2px;cursor: pointer;}
.changeq span:hover, .changeq span:focus {-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.changeq .plus {background: #fff url(../images/sprite.png) -109px -124px no-repeat;}
.changeq .minus {background: #fff url(../images/sprite.png) -109px -150px no-repeat;}
.changeq input {border: 1px solid #f68e1e;background: #fff;text-align: center;font-size: 14px;width: 40px;color:#000;}

.login h3 {font-weight:600;text-align:center}
.login label {display:block;margin:0 0 20px 0;position: relative;}
.login label input, .forgotpass label input {  color: #000000;  padding: 1.5%;font-size: 24px;width: 100%;background:#fff;}
.login input[type="submit"], .forgotpass input[type="submit"] {background:#16468e;padding: 1%;color: #ffffff;font-size: 30px;width: 100%;text-shadow: 1px 1px #333333;}
.login input[type="submit"]:hover {background: #d17512;color:#ffffff;text-shadow: 1px 1px #333333;}
.login a, .openfp {color:#fff;display:block;text-align:center;cursor:pointer;margin:5px 0}
.login a:hover, .openfp:hover {color:#000;}
.login .rememberme {text-align: center;margin:20px auto;}
.login .rememberme input[type="checkbox"] {float:none;margin: -3px 10px 0 10px;width: 15px;}
#lblMessegeWrongPass {text-align:center;color:#ff0000;}

.registerform {margin:50px 0;padding: 2%;position:relative;background:#f0f0f0}

.registerform label input, .registerform textarea, .registerform select {padding:2% 3%;color:#000;font-size:18px;width: 100%;background:#ccc;border: 1px solid #fff;}
.registerform textarea:focus, .registerform textarea:hover, .registerform label input:hover, .registerform select:hover  {background: #c0c0c0;}
.registerform .jointomailinglist {display:none}
.registerform textarea {height:180px}
.registerform input[type="checkbox"] {float:left;margin:2px 10px 0 0px;width:15px;height:15px;}
.containerAttributes.othersfield {clear:both}
.othersfield .FieldsContent label, .contactfield {display:block;margin:0 1.5% 1% 1.5%;width:30.3%;float:left;}
.othersfield .FieldsContent label:nth-of-type(2n) {float:right}
.othersfield .FieldsContent label.w100 {width:100%;display:none}

.bigtitle{font-weight: 800;color: #fff;padding: .5% 2%;background: #ff6633;margin: 0 4% 0 0;font-size: 3vw;display:inline-block}

.newsplace, .articlesplace {width:100%;float:left}

a:focus, button: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 #ff6633;}

.accessibility {float:left;width:30px;height:30px;margin: 25px 10px 0 0px;padding:0;border:1px solid #ff6633;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: #ff6633;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 {color: #fff;}
.invertsite ::-moz-placeholder {color: #fff;}
.invertsite :-ms-input-placeholder {color: #fff;}
.invertsite :-moz-placeholder {color: #fff;}
.invertsite .searchplace .submitsearch { background:#000 url(../images/search.png) center center no-repeat !important;}


@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  src: url('Fonts/rubik-v19-latin_hebrew-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('Fonts/rubik-v19-latin_hebrew-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('Fonts/rubik-v19-latin_hebrew-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('Fonts/rubik-v19-latin_hebrew-300.woff') format('woff'), /* Modern Browsers */
       url('Fonts/rubik-v19-latin_hebrew-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('Fonts/rubik-v19-latin_hebrew-300.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* rubik-regular - latin_hebrew */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  src: url('Fonts/rubik-v19-latin_hebrew-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('Fonts/rubik-v19-latin_hebrew-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('Fonts/rubik-v19-latin_hebrew-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('Fonts/rubik-v19-latin_hebrew-regular.woff') format('woff'), /* Modern Browsers */
       url('Fonts/rubik-v19-latin_hebrew-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('Fonts/rubik-v19-latin_hebrew-regular.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* rubik-500 - latin_hebrew */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  src: url('Fonts/rubik-v19-latin_hebrew-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('Fonts/rubik-v19-latin_hebrew-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('Fonts/rubik-v19-latin_hebrew-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('Fonts/rubik-v19-latin_hebrew-500.woff') format('woff'), /* Modern Browsers */
       url('Fonts/rubik-v19-latin_hebrew-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('Fonts/rubik-v19-latin_hebrew-500.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* rubik-700 - latin_hebrew */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  src: url('Fonts/rubik-v19-latin_hebrew-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('Fonts/rubik-v19-latin_hebrew-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('Fonts/rubik-v19-latin_hebrew-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('Fonts/rubik-v19-latin_hebrew-700.woff') format('woff'), /* Modern Browsers */
       url('Fonts/rubik-v19-latin_hebrew-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('Fonts/rubik-v19-latin_hebrew-700.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* rubik-900 - latin_hebrew */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 900;
  src: url('Fonts/rubik-v19-latin_hebrew-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('Fonts/rubik-v19-latin_hebrew-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('Fonts/rubik-v19-latin_hebrew-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('Fonts/rubik-v19-latin_hebrew-900.woff') format('woff'), /* Modern Browsers */
       url('Fonts/rubik-v19-latin_hebrew-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('Fonts/rubik-v19-latin_hebrew-900.svg#Rubik') format('svg'); /* Legacy iOS */
}

html:lang(he) body, html:lang(he) h1, html:lang(he) h2, html:lang(he) h3, html:lang(he) h4, html:lang(he) input, html:lang(he) textarea, 
html:lang(he) select, html:lang(he) button, html:lang(he) p, html:lang(he) li {font-family: Rubik, Arial, Helvetica, sans-serif;}
html:lang(he) body, html:lang(he) input {text-align:right;direction:rtl;}
html:lang(he) .slick-slider, html:lang(he) .slick-slider div, html:lang(he) .total, html:lang(he) .oneunitprice, html:lang(he) .priceOfItem,
html:lang(he) .price {direction:ltr;}
html:lang(he) div .ellipsis, html:lang(he) .sliderhome .caption {direction:rtl;}
html:lang(he) .logo, html:lang(he) .leftside, html:lang(he) .content, html:lang(he) .cartheader div,
html:lang(he) .cartItemPlace div div, html:lang(he) .search label, html:lang(he) .featuresplace4 > div, html:lang(he) .content26,
html:lang(he) .bannerplace, html:lang(he) .socialmedia, html:lang(he) .footerlinksbox {float:right;}
html:lang(he) a.opensearch, html:lang(he) a.openlogin, html:lang(he) .welcomeplace, html:lang(he) .shoppingcartplace,
html:lang(he) .rightside, html:lang(he) .menuplaceplus, html:lang(he) a.lang, html:lang(he) a.whatsapp, html:lang(he) .shoppingcarticon,
html:lang(he) .searchplace, html:lang(he) .topmenu, html:lang(he) .search .submitsearch, html:lang(he) .featuresplace4,
html:lang(he) #contactfooter, html:lang(he) .footerlinksplace, html:lang(he) .gmap {float:left;}
html:lang(he) .changeq input, html:lang(he) div .more, html:lang(he) div input[type="submit"] {text-align:center}
html:lang(he) .flex .more:after, html:lang(he) .featuresplace2 .feature a .more:after, html:lang(he) .featuresplace5 .feature a .more:after,
html:lang(he) .contactform input[type="submit"] {right: auto;left: -25px; transform: scaleX(-1);}
html:lang(he) .mandatoryContact:before, html:lang(he) .mandatoryContacts span:before, html:lang(he) .errorplace, 
html:lang(he) .contactform .s_top, html:lang(he) .dropmenuplace, html:lang(he) .sliderhome .caption,
html:lang(he) .scroll-wrapper > .scroll-content, html:lang(he) .search_results, html:lang(he) .indexcontent h1:after,
html:lang(he) .featuresplace4 > div:after, html:lang(he) .featuresplace4 > div:before, html:lang(he) .flex .abstract,
html:lang(he) .blueplace:after, html:lang(he) .flexplace.liststyle > .flex a .title img {left: auto;right:0}
html:lang(he) .togglecart, html:lang(he) .featuresplace1, html:lang(he) .products .more, html:lang(he) .products .more:after, 
html:lang(he) .products a:hover .more:after, html:lang(he) .featuresplace5 .feature a .more, html:lang(he) .flexplace.news .title:after,
html:lang(he) .flexplace.careers a .more, html:lang(he) .flexplace.careers .title:after, html:lang(he) .projects a .more,
html:lang(he) .docsplace a:after, html:lang(he) .linksplace a:after {right: auto;left:0}
html:lang(he) input[type="checkbox"], html:lang(he) input[type="radio"], html:lang(he) .search_results .imgplace,
html:lang(he) .flexplace.liststyle .flex .imgplace {float:right;margin: 0px 0px 0 3%;}
html:lang(he) .imgside {float:left;margin: 0 2% 20px 0px;}
html:lang(he) .menuplaceplus {min-width: 800px;}
html:lang(he) .menuplaceplus:after {left:auto;right:100%}
html:lang(he) .downloads .download img {margin:0 0px 0 10px;}
html:lang(he) .flexplace.liststyle .childrenplace .imgplace  {float:none;margin:0}
html:lang(he) .bodytext ul li, html:lang(he) .mainabstract ul li {padding-left:0px;padding-right:15px;background: url(../images/dot.png) right 7px no-repeat;}
html:lang(he) a.openlogin, html:lang(he) .accessibility {margin: 25px 10px 0 0px;}
html:lang(he) .btnplace button, html:lang(he) .btnplace a {margin:10px 0 0 10px;float:right}
html:lang(he) .sl-wrapper .sl-navigation button.sl-prev {left:auto;right:20px;}
html:lang(he) .sl-wrapper .sl-navigation button.sl-next {right:auto;left:20px;}
html:lang(he) .flex {margin: 0 0 2% 2%;}
html:lang(he) .featuresplace3 .flex, html:lang(he) .featuresplace3 .flex:nth-of-type(3n), html:lang(he) .featuresplace3 .flex:nth-of-type(4n) {margin: 0;}
html:lang(he) .productsduo > div:nth-of-type(2n), html:lang(he) .flex:nth-of-type(3n) {margin-right:0;margin-left: 0;}
html:lang(he) .productsduo .flex:nth-of-type(3n) {margin: 0 0 2% 2%;}

html:lang(he) .topmenu > li a {border:none;border-left: 1px solid #3333cc;font-weight: 400;}
html:lang(he) .topmenu li li a, html:lang(he) .mainmenu li li a {font-weight: 500;}
html:lang(he) .sliderhome .abstractbig {left:auto;right:50%;margin: 0 -670px 0 0;}
html:lang(he) .tabsplace button {    margin: 0 0px 10px 10px;float:right}
html:lang(he) .featuresplace2 .feature a > div:nth-of-type(2n) div {padding: 3% 12% 3% 6%;}
html:lang(he) .featuresplace3 .flex .imgplace {border:none;border-left: 1px solid #fff;}
html:lang(he) #contactfooter .contactform {margin: 0  0 0 6%;}
html:lang(he) #contactfooter .contactform > div {margin: 0 0 0 5%;}
html:lang(he) #contactfooter .contactform > div:nth-of-type(2n) {margin:0;}
html:lang(he) #imgHeaderplace {right: auto;left:0;border:none;border-right: 10px solid #fff;}
html:lang(he) .slidetodownplace {left: auto;right: 0px;}
html:lang(he) .slidetodown {    right: auto;    left: -140px;}
html:lang(he) .managements > div, html:lang(he) .managements > div:nth-of-type(3n) {width: 21%;margin: 2%;}
html:lang(he) .flexplace.news .title {padding: 0  0 0 4%;}
html:lang(he) .flexplace.news .moreabstract, html:lang(he) .flexplace.careers .moreabstract {padding: 0 4% 0 10%;}
html:lang(he) .contacttext {left: auto;right: 50%;}
html:lang(he) .contacttext p {padding: 0px 65px 0px 0px;background: url(../images/i1.png) right center no-repeat;}
html:lang(he) .contacttext p:nth-of-type(2n) {background: url(../images/i2.png) right center no-repeat;}
html:lang(he) .contacttext p:nth-of-type(3n) {background: url(../images/i3.png) right center no-repeat;}
html:lang(he) .contacttext p:nth-of-type(4n) {background: url(../images/i4.png) right center no-repeat;}
html:lang(he) .flexplace.liststyle > .flex a > div > div, html:lang(he) .flexplace.liststyle > .flex a .more {padding: 6% 120px 6% 60px;}
html:lang(he) .projects > div {margin: 0 0 3% 0;}
html:lang(he) .docsplace a, html:lang(he) .linksplace a {padding: 4% 4% 4% 15%;float: left;margin: 0 10px 0 0px;}

html:lang(he) .menuplace {float:right}  
html:lang(he) .featuresplace1 .features a .more {transform:  rotate(180deg);right:auto;left:4%}

html:lang(he) div .more:after, html:lang(he) div input[type="submit"]:after {transform:  rotate(180deg);}
html:lang(he) .indexcontent2 h2, html:lang(he) .indexcontent2 p {margin: 0  0 0 4%;}
html:lang(he) .tmpproductitem .bodytext, html:lang(he) .tmpproductitem .dataplace {float:right}

@media screen and (min-width: 1000px) and (max-width: 1090px){
	body, p, li, .mainabstract p, .mainabstract li {font-size:2vw;}
	.sliderhome h2, .indexcontent h1, h1 {font-size:5vw;}
	h2, .bannerplace .title {font-size:5vw;}
	h3, .indexcontent2 h2, .flex .title {font-size:3vw;}
	h4, .featuresplace1 .features > div, .featuresplace1 .features > div:nth-of-type(2n), .tabsplace button {font-size:2vw;}
	.credits {font-size:1.5vw;}

}

@media screen and (min-width: 1031px) and (max-width: 1439px) {.page {width:96%}.sliderhome .abstractbig{width:100%;padding:3%;margin:0;left:0;top:0;}}
@media screen and (min-width: 1340px) and (max-width: 1450px) {.openmenu {display:none}.mainmenu > li a{padding: 25px 28px;}.menuplaceplus: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}.bannerplace .title{font-size: 2vw;}}


@media screen and (min-width: 320px) and (max-width: 1200px) 
{
	@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }
	input {border-radius: 0;}
	.accessibility, .slidetodownplace, #imgHeaderplace, .breadcrumbs, .mainmenu li a span:after, .topmenu {display:none}
	body, p, li, .mainabstract p, .mainabstract li {line-height: normal;font-size:4vw;    line-height: 140%;}
	.sliderhome h2, .indexcontent h1, h1 {font-size:8vw;line-height:140%;max-width:100%;text-shadow:0 0 5px #000;margin:0;color:#fff;}
	.indexcontent h1 {text-shadow:none;color:#000;margin:0 0 20px 0;font-size:40px;}
	h2, .bannerplace .title {font-size:7vw;}
	h3 {font-size:5vw;}
	h4 {font-size:4vw;}
	.credits {font-size:2.5vw;}
	.page {padding:0 3%}
	header {border:none}
	.logo, html:lang(he) .logo {float:left;margin:2px 0;position: static;}
	.logo img {max-width: 150px;max-height: 35px;}
	.openmenu {display:block;width:30px;height:30px;position:absolute;right:5px;top:5px;background:none;border:none;padding:0;z-index: 9;}
	.openmenu span, .openmenu div:after, .openmenu div:before {border-radius: 3px;display:block;height:6px;background:#ff6633;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%);background: #3333cc;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: 100%;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, 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%}
	.mainmenu li.this > a {background: #ff6633;}
	.mainmenu > li a {padding:10px 5px;text-align:center;border:none;border-bottom: 1px solid #fff;}
	.mainmenu li li a, .mainmenu li li li a {padding:10px 5px;display:block;text-align:center;border-bottom: 1px solid #3333cc;color:#000;}
	.mainmenu li li li a {background:#ccc}
	.mainmenu li li.this > a, .mainmenu li li li.this > a {color:#fff;background: #ff6633;}
	.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;background:#fff;-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, #contactfooter, .flexplace.careers .moreabstract, .tmpcontact .blueplace:after {width:100%;padding:0;}
	.flexplace > div, html:lang(he) .flexplace > div, .flex:nth-of-type(3n), html:lang(he) .flex:nth-of-type(3n), 
	.featuresplace .feature, .managements > div, .managements > div:nth-of-type(3n), .clients > div, .productsduo > div:nth-of-type(2n),
	.productsduo > div, .productsduo > div:nth-of-type(3n) {width:49%;margin: .5%;}
	.indexcontent, .indexcontent2, #contactfooter .contactform, .docsplace, .linksplace, .bodyflexproduct, .flexplace.careers > div .abstract {display:block;float: left;}
	.indexcontent > div, .indexcontent > div:nth-of-type(2n), .content, .leftcolumn, .footerlinksplace, .socialmedia, .rightside, .leftside, .dataTables_filter, .dataTables_length, .flex,
	.feature, .imgside, .imagesplace, p iframe, .flexplace.similarslider .slick-list, html:lang(he) .flexplace.similarslider .slick-list, .bodyflex h2, .bodyflex p,
	.flexplace.similarslider > div, html:lang(he) .flexplace.similarslider > div, html:lang(he) .imgside, .content26, .featuresplace4, .featuresplace5 > div,
	html:lang(he) .flex, .footerlinksbox, #contactfooter .contactform > div, .mainabstract, .docsplace > div, .linksplace > div, .bodyflexproduct > div,
	.docsplace > div:nth-of-type(2n), .linksplace > div:nth-of-type(2n), .flexplace.careers .title, .procutssearch, .poductsideplace {float:none;width:100%;max-width:100%;margin:0 auto 2% auto;padding:0;}
	.featurepopup, .sliderhome .caption, .logindata, .sliderhome .abstractbig {left:0;margin:0;width:100%;max-width:100%;padding:4%;}
	.flexplace.similarslider .flex, html:lang(he) .flexplace.similarslider .flex {margin:0;}
	.featuresplace3 .flex, .featuresplace3 .flex:nth-of-type(3n) {width:50%}
	.bodyflex h2 {margin:3% 0 2% 0;    font-size: 20px;}
	.flex .imgplace, .flex a img, .flex .imgplace2, .flex .imgplace2 img, .products .imgplace, .products .imgplace img {height:200px;width: auto;}
	.popupplace {z-index: 998;overflow: hidden;}
	.searchplace {    margin: 4px 0px 0 5px;width: 115px;   float: left;}
	.search input {padding:4px 5px;font-size:12px;float:left}
	.search label {width:65%;height: 30px;}
	.sliderhome {height:500px;}
	.sliderhome h2 {font-size:40px;}
	.mainabstract p, .mainabstract li {line-height: 140%;}
	.sliderhome .abstractbig {top:5%}
	#maintitleplace img {width: auto;max-width: none;height: 100%;opacity: .4;}
	 .bannerplace {position:static;width:100%;}
	 .featuresplace1 {width:100%;bottom: 40px;}
	.featuresplace1 .features { align-items: stretch;display:block}
	.featuresplace1 .features > div, .featuresplace1 .features > div:nth-of-type(2n) {width:100%;padding:10px 70px 10px 10px;font-size:4vw;}
	.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, .flex .imgplace2 .title {margin: 5px 0 0 0;padding: 5px;font-size: 4vw;}
	.featuresplace1 .features > div, .featuresplace1 .features > div:nth-of-type(2n), .indexcontent p,
	.featuresplace2 .feature a > div:nth-of-type(2n) div, .indexcontent2 p {font-size:20px;}
	.flex .moreabstract {font-size:18px;}
	html:lang(he) a.openlogin, a.openlogin {margin: 5px 10px;}
	.shoppingcarticon, html:lang(he) .shoppingcarticon {height: 30px;margin: 5px 2px;padding:0}
	.shoppingcartplace .numof {top:0;}
	.breadcrumbs, label {margin:10px 0;}
	.indexcontent2 p {margin:0 0 6% 0}
	#contactfooter .contactform {margin:0 0 60px 0}
	.maincontent {margin: 40px 0 0 0;}
	#maintitleplace {height:auto;min-height:250px}
	.leftmenu a {font-size: initial;padding: 5px 10px;}
	.flexplace.careers a .more {bottom: 30px;}
	.slider-for div {height:400px;}
	.imagesplace a {height:auto}
	.slider-for img, .flex .imgplace2 .abstract {max-width:100%;max-height:none}
	.welcomeplace {position:absolute;right:50px;top:10px;margin:0;padding:0;}
	.welcomeplace .name {display:none}
	.toggleaccount {left:auto;right:0;}
	.togglecart {left: -85px;top: 40px;}
	div .slick-next {right:20px;/*filter: brightness(1) invert(0);*/}
	div .slick-prev {left:20px;margin-top:-5.5%;}
	div .slick-next:before, div .slick-prev:before, div .slick-next:after, div .slick-prev:after {color:#fff;border:1px solid #000;background: #fff;}
	.contactform textarea {height:100px;}
	.menuplaceplus, html:lang(he) .menuplaceplus {padding: 0 10px;width: 40%;min-width:0;margin:0 10px;}
	html:lang(he) .menuplaceplus:after {display:none}
	div .more, div input[type="submit"] {padding:10px 0;}
	.docsplace a:after, .linksplace a:after {    background-size: 20px;}
	.tabsplace button {font-size: 10px;padding: 5px 5px;margin: 0 5px 5px 0;}
	.featuresplace4 {zoom:.7}
	.featuresplace4 > div:after {width:1px;}
	a.lang {padding: 12px 5px;}
	a.whatsapp {margin:5px}
	.managements > div .position, .managements > div .title {margin:10px 0;}
	.indexcontent2 h2 {padding: 2.5% 2%;font-size: 5vw;margin:0 0 6% 0}
	.blackplace {padding:10px 0;margin:20px 0 0 0;}
	footer {padding:20px 0 0 0;}
	.blueplace {position:static;padding: 20px 0 0 0;}
	.blueplace:before {font-size: 390px;}
	.featuresplace2 .feature a, .featuresplace5 .feature a, .flexplace.liststyle > .flex a, .flexplace.news a {display:block}
	.featuresplace2 .feature a > div, .flexplace.liststyle > .flex a .imgplace, .featuresplace2 .feature a > div:nth-of-type(2n), 
	.flexplace.liststyle > .flex a > div, .featuresplace5 .feature a > div, .flexplace.news > div .abstract {width:100%;display:block}

	.featuresplace2 .feature a .more:after, .featuresplace5 .feature a .more:after, .flex .more:after, .contactform input[type="submit"] {right:0;height:50px;width:60px;background-size:30px}
	.featuresplace2 .feature a > div:nth-of-type(2n) div {height: 70%;height: 68%;overflow: hidden;}
	.featuresplace2 .feature a:hover .more:after, .featuresplace5 .feature a:hover .more:after, .flex a:hover .more:after,
	.contactform input[type="submit"]:hover {right:-15px;}
	.featuresplace2 .feature {background:#fff;position:relative}
	.featuresplace2 .feature a > div:nth-of-type(2n) .title, .featuresplace2 .feature a > div:nth-of-type(2n) .more {height:auto;}
	.featuresplace2 .feature a > div:nth-of-type(2n) div {padding: 2%;line-height: 130%;}

	html:lang(he) .tmpproductitem .bodytext, html:lang(he) .tmpproductitem .dataplace,
	.tmpproductitem .bodytext, .tmpproductitem .dataplace {max-width:100%;float:none}

	.flexplace.liststyle > .flex {    margin: 0 0 15% 0;}
	.flexplace.liststyle > .flex a .title img {max-width: 30px;max-height: 30px}
	.flexplace.liststyle > .flex a > div > div, .flexplace.liststyle > .flex a .more {    padding: 5px 5px 5px 35px;}
	.flexplace.liststyle.opposite > .flex a > div > div, .flexplace.liststyle.opposite > .flex a .more {padding:5px}
	.flexplace.liststyle > .flex a .moreabstractplace {height:70%}
	.flexplace.liststyle > .flex a .moreabstractplace div {-webkit-line-clamp: 6;}
	.flexplace.liststyle > .flex a .title {font-size: 16px;height:30%}
	.flexplace.liststyle > .flex a .imgplace img {/*height: 100%;max-width: none;*/width:100%}
	.flexplace.liststyle.opposite > .flex:nth-of-type(2n) a {flex-direction: row;}
	.docsplace a, .linksplace a {min-width:100%;margin:0 0 2.5% 0}
	.flexplace.downloads a .more:after {background-size:30px;}
	.managements > div .imgplace {    height: 150px;width: 150px;margin-top:20px}
	.flexplace.news .moreabstract {padding:0;display:block;overflow:visible}
	.flexplace.news a .more {position:relative;bottom:0}
	.flexplace.news > div .date, .bodyflex .bodytext.whithimg {width: 100%;}
	.contacttext {position:static;width:100%;}
	.gmap {    position: relative;z-index: 2;width: 100%;}
	.contactform input[type="submit"] {width:100%}
	.indexcontent h1:after {bottom:0;}
	.footerlinksbox a {font-size:16px;}
	.footerlinksbox .title, .socialmedia {margin:10px 0 5px 0;}
	.featuresplace5 .feature a > div:nth-of-type(2n) .title {height: auto;line-height: 120%;}
	.content, .content.contentwide {float:left;margin:0 0 5% 0}
	.clients > div{padding: 5%;}
	.bodyflex .bodytext {margin:0 0 5% 0}
	.flexplace.liststyle > .flex a .imgplace {margin:20px 0 0 0}
}


	

@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, .shoppingcartplace, #openlogin, #strip,
	.footerlinksplace, .more, .docsplace, div .slick-dots, .sliderhome, .accessibility, #contactfooter, .loginplace {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;}
}