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: #cccccc;color: #cccccc;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:#b2d234;color:#ffffff;text-shadow: none;}::-webkit-selection {background:#b2d234;color:#ffffff;text-shadow: none;}::selection {background:#b2d234;color:#ffffff;text-shadow: none;}* {-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing: border-box;} ::-webkit-input-placeholder {color: #000000;}::-moz-placeholder {color: #000000;}:-ms-input-placeholder {color: #000000;}:-moz-placeholder {color: #000000;}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 li ol {margin:0 1.5em;}nav ul li {display:inline-block}ul li{margin:0;list-style: none;}.clear {clear:both;}input, textarea, select, button {line-height:normal;margin:0px;padding:0px;border:none;color: #000000;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 18px Heebo, Arial, Helvetica, sans-serif;}
body {font-size:18px;color:#333;-webkit-animation: bugfix infinite 1s;overflow-x:hidden;font-weight:300;background:#ffffff;}
h1, h2, h3, h4, h5, h6, h7 {font-weight:500;color:#000;margin:0px 0px 20px 0px;line-height:100%;}
h1 {font-size:60px;}
h2 {font-size:36px;}
h3 {font-size:20px;}
h4 {font-size:20px;}
h5 {font-size:16px;}
p, li {margin:0px 0px 15px 0px;line-height:140%;text-align: justify;} 

input, textarea, select, button {border-bottom:1px solid #ccc;padding:7px 10px;width:100%;}
select {padding:4px 10px;}
input:hover, textarea:hover, select:hover, input:focus, textarea:focus, select:focus {border-bottom:1px solid #b2d234;}

label {position:relative;display:block;margin:0 0 25px 0;} 
input[type="checkbox"] {float:left;margin: 0px 10px 0 0px;width:20px;height:20px;}

a,  a:link,  a:visited,  a:focus,  a:active{color:#b2d234;text-decoration:none;outline-style:none;}
a:hover, a:focus {color:#000000;} 
     
div, span, a, header, footer, :before, :after, img, input, textarea, button, p, h2, h3, ul, li {transition: all 0.20s ease-in-out;-o-transition: all 0.20s ease-in-out;-ms-transition: all 0.20s ease-in-out;-moz-transition: all 0.20s ease-in-out;-webkit-transition: all 0.20s ease-in-out;}
.errorplace, .answer, .loginplace, .forgotpass, .login, .toggledata, .simpleslider, .logosslider, .projectslider  {transition:none;-o-transition:none;-ms-transition:none;-moz-transition:none;-webkit-transition:none;}

div:after {content: "";display: table;clear: both;}
.loading, .errorplace, .dnone, .togglecart, .openmenu, .slick-slider:after, .slick-slider div:after, .imagesplace:after, .moremenu {display: none;}
.errorplace {color:#ff0000;position:absolute;left:0;bottom:-20px;font-size:12px;}
.error {border-bottom:1px solid #ff0000;color: #ff0000;}

.alert{color:#ff0000;margin:0 0 20px 0;font-size:12px;display:none}
.mandatoryContact:before, .mandatory:before {content: "*";display: block;color: #ff0000;position: absolute;left: 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;}
.leftside {float:left;width:49%}
.rightside {float:right;width:49%}
.whiteimg {filter: brightness(0) invert(1);}
iframe {max-height:350px;width:100%;}
.middleimg {position:relative}
.middleimg img {-webkit-transform: translate(0, 0%);-ms-transform: translate(0, 0%);transform: translate(-50%, -50%);position: absolute;top: 50%;left: 50%;}

/***********/  
#main {max-width:1920px;margin:auto;overflow: hidden;}

header {position:fixed;left:0;top:0;width:100%;background: #ffffff;z-index:6}
header.sticky {z-index:998;-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);}

.sticky .logo {margin:10px 0;}
.sticky .logo img {max-width:170px;max-height:70px}
.sticky .socialmediaheader, .sticky a.openlogin2, .sticky a.openlogin, .sticky .searchplace {margin-top:12px;}

.sticky.accessibility {top:12px}
.sticky .languages {top: 40px;}
.sticky .welcomeplace {margin-top:17px;}
.sticky .shoppingcarticon {height: 50px;}
.sticky .togglecart {top: 50px;}
.sticky .menuplace {margin-top:5px}
.sticky .dropmenuplace {top: 80px;}

.page {position:relative;max-width:1280px;margin:auto;}
.pagewide {max-width:1460px;margin:auto;}
.pageshort {position:relative;max-width:700px;margin:0 auto 50px auto;}
.centerpage {margin:auto}
.p80 {padding:80px 0}

.logo {margin:30px 0 25px 0;display: block;float:left;}
.logo img {max-width:265px;max-height:100px}

.menuplace {float:left;margin:50px 0 0 30px;}
.menuplace .page {position:static;}
.menuplace ul {margin:0;}

.mainmenu {display:block;display: flex;align-content:stretch;justify-content:space-between;flex-wrap: wrap;}
.mainmenu li {}
.mainmenu > li a {color:#000;display:block;text-align:center;line-height:110%;padding:30px 20px;font-size:24px;}
.mainmenu > li a span {padding:5px 0px;border-bottom:1px solid transparent;}
.mainmenu a:hover, .mainmenu a:focus {text-shadow: 0 0 .50px #000000, 0 0 .50px #000000;}
.mainmenu li.this > a {font-weight:600}
.mainmenu a:hover span, .mainmenu a:focus span, .mainmenu li.this > a span {border-bottom:1px solid #9fd18b;}
.menuplace ul ul {/*display: flex;align-content:stretch;justify-content:space-between;flex-wrap: wrap;*/}
.menuplace ul ul ul {display:block}
.mainmenu li li {float:left;margin:0 3% 3% 0;max-width: 30%;}
.mainmenu li li a {padding:5px 0;text-align:initial;display:block;border-bottom:1px solid #000;font-weight:500;font-size:22px;}
.mainmenu li li a:hover, .mainmenu li li a:focus, .mainmenu li li.this > a {border-bottom:1px solid #9fd18b;}
.mainmenu li li li {float:none;display:block;margin: 0;max-width: 100%;}
.mainmenu li li li a { border:none;text-align:initial;font-size:18px;font-weight:300;}
.mainmenu li li li a:hover, .mainmenu li li li a:focus, .mainmenu li li li.this > a {}

.topmenu {display:block;display: flex;align-content:stretch;justify-content:space-between;flex-wrap: wrap;background:#eaeaea;position:absolute;right:0;top:0;min-width:300px;padding:0 20px;}
.topmenu:after {background: #eaeaea;width: 20px;height: 110%;transform: translateY(0px) rotate(205deg);position: absolute;right: -10px;top: -7px;content: "";display: block;z-index:0;}
.topmenu li {position:relative;z-index:1;}
.topmenu ul {display: flex;align-content:stretch;justify-content:space-between;flex-wrap: wrap;}
.topmenu ul ul {display:block}
.topmenu > li a {color:#333333;display:block;text-align:center;line-height:110%;padding:10px 15px;}
.topmenu a:hover, .topmenu a:focus, .topmenu li.this > a {color:#000000;background:#b2d234;text-decoration:underline}
.topmenu li li {float:left;margin:0 3% 3% 0;}
.topmenu li li a {color:#ffffff;padding:6px 0;border-bottom:2px solid #666;text-align:initial;display:block}
.topmenu li li a:hover, .topmenu li li a:focus, .topmenu li li.this > a {color:#ffffff;border-bottom:2px solid #fff;}
.topmenu li li li {float:none;display:block;    margin: 0;}
.topmenu li li li a {color:#ffffff; border:none;border-bottom:1px solid transparent;text-align:initial}
.topmenu li li li a:hover, .topmenu li li li a:focus, .topmenu li li li.this > a {color:#fff;border-bottom:1px solid #fff;}

.mainmenu li:hover > .dropmenuplace, .topmenu li:hover > .dropmenuplace, .dropmenuplace.show-menu {opacity: 1;display:block}
.dropmenuplace {padding:30px 0 10px 0;position: absolute;top: 125px;left: 0px;z-index: 1;opacity: 0;width: 100%;display: none;background: #f0f0f0\95;background: rgba(240, 240, 240, 0.95);}
.topmenu .dropmenuplace {top: 20px;}

a.openlogin {display:block;background: url(../images/login.png) center center no-repeat;width: 30px;height: 30px;float:right;margin:25px 0 0 10px}
a.openlogin:hover, a.openlogin:focus, .openlogin.opened {filter: brightness(0) invert(0);}

#openlogin2 {position:relative;float: right;}
a.openlogin2 {display:block;background: url(../images/glob.png) center center no-repeat;width: 30px;height: 30px;float:right;margin:25px 0 0 10px}
a.openlogin2:hover, a.openlogin2:focus {filter: brightness(0) invert(0);}

a.opensearch {background: url(../images/search.png) center center no-repeat;width: 30px;height: 30px;float:right;margin:25px 0 0 10px;}
a.opensearch:hover, a.opensearch:focus, .opensearch.opened {filter: brightness(0) invert(0);}

.socialmediaheader {display:block;margin:25px 0 0 0;float:right}
.socialmediaheader li {display:block;margin:0 0 0 10px;float:left;}
.socialmediaheader a:hover img, .socialmediaheader a:focus img {filter: brightness(0) invert(0);}
.socialmediaheader a img {max-width:30px;max-height:30px;}

.searchplace {display:none;position:absolute;left:0;top:100px;}
.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;}
.search input {padding:3.5px 10px;border:none;color:#575757;}
.search .submitsearch {width:29px;height:29px;background:#575757 url(../images/search.png) center center no-repeat;float:right;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}
.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;}
 
div .more, div input[type="submit"] {width: auto;border:none;display: inline-block;margin: 20px auto;background: none;color: #000;min-width: 120px;text-align: center;padding: 5px 15px;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;float:left;border:1px solid #5a6953;font-weight:600;}
div .more:hover, div .more:focus, div input[type="submit"]:hover, div input[type="submit"]:focus {background: #b2d234;}

div .moreabout {display: inline-block;margin: 20px auto;background: none;color: #b2d234;text-align: center;padding: 10px 15px;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;border:1px solid #b2d234;}
div .moreabout:hover, div .moreabout:focus {background: #b2d234;color:#fff;}

div .morebtn {display: inline-block;margin: 20px auto;background: none;color: #696767;text-align: center;padding: 10px 25px;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;border:1px solid #ccc;}
div .morebtn:hover, div .morebtn:focus {background: #b2d234;color: #ffffff;border:1px solid #b2d234;}

div .slick-dots {bottom:30px;    text-align: left;}
div .slick-dots li {margin:0 4px}
div .slick-dots li button:before {font-size: 15px;color: #fff;}
div .slick-dots li.slick-active button:before {color: #fff;opacity:1}

div .slick-prev {left:2%;}
div .slick-next {right:2%}
div .slick-next:before, div .slick-prev:before {color: #000;}
div .slick-next:before, div .slick-prev:before {font-size: 30px;}
.projectplace .slick-prev, .projectplace .slick-next {top: 20%;    width: 40px;height: 40px;}
.projectplace .slick-next:before, .projectplace .slick-prev:before {font-size: 45px;}

.maincontent {margin:150px 0 0 0;display:block;position:relative}
#maintitleplace {min-height:250px;background:#58585a;}
#maintitleplace:before {content:"";display:block;position:absolute;right:3%;top:-7%;width:590px;height:590px;background: url(../images/mainicon.png) left center no-repeat;background-size:contain;opacity:.6;z-index: 5;}
#maintitleplace:after {content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:100%;z-index: 3;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
#maintitleplace.nostrip:after {display:none}
#maintitleplace.nostrip:before {width:360px;height:360px}
#maintitleplace.nostrip .pagetitle {bottom:25%;}

.sliderhome {position: relative;height:860px;margin:150px 0 0 0;}

.sliderhome img {height:100%;min-height:860px;max-width:none;width:auto}

.sliderhometext {position:absolute;left:-40px;top:-28px;height:1051px;width:1039px;text-align:center;z-index:1}
.sliderhometext div {height:1051px;}
.sliderhometext:before {position:absolute;left:0px;top:0;height:1051px;width:1039px;background: url(../images/mainicon.png) center center no-repeat;content:"";display:block;opacity:.9}
.sliderhometext h2 {font-size:48px;color:#333;}
.sliderhometext p {font-size:24px;color:#333;}
.sliderhometext .caption {    width: 100%;-webkit-transform: translate(0, 0%);-ms-transform: translate(0, 0%);transform: translate(-50%, -50%);position: absolute;top: 50%;left: 50%;height:auto}
.sliderhometext div .slick-dots {bottom:auto;top:36%;}

.bigtitle {font-size: 36px;font-weight: 500;color: #fff;padding: 0 40px 10px 0;position: relative;border-bottom: 1px solid #fff;margin: 0 auto 40px auto;display: inline-block;line-height: 100%;}
.bigtitle:after {content: "";display: block;width: 1px;height: 50px;background: #fff;position: absolute;right: 30px;top: 20px;transform: rotate(-165deg);}

.features_solutions {background:#ececec;}
.features_solutions .feature {display: flex;align-content:stretch ;justify-content:space-between;flex-wrap: wrap;}
.features_solutions .feature .imgplace {width:40%;float:right;background:#333;position:relative;overflow:hidden}
.features_solutions .feature .imgplace:after {    content: "";    display: block;    width: 40%;    height: 120%;    background: #ececec;    position: absolute;    right: -20%;    top: -10%;   transform: rotate(165deg);}
.features_solutions .feature .imgplace img {position:absolute;right:0;bottom:0;}
.features_solutions .feature .abstract {width:60%;float:left;padding:100px;}
.features_solutions .feature .title {font-size:36px;font-weight: 500;padding:0 40px 10px 0;position:relative;border-bottom:1px solid #000;margin:0 0 40px 0;display:inline-block;line-height:100%;}
.features_solutions .feature .title:after {content:"";display:block;width:1px;height:50px;background:#000;position:absolute;right:30px;top:20px;transform: rotate(-165deg);}
.features_solutions .feature .moreabstract {padding:0 40px 0 0;}
.features_solutions .feature a {color:#000}
.features_solutions .feature a:hover {color:#b2d234;text-decoration:underline}
.features_solutions .feature h3 {margin:0 0 5px 0;font-size:20px;}
.features_solutions .feature li {margin:0;}
.features_solutions .feature ul {margin:0 0 20px 0;}

.features_colors {background:#fff;}
.features_colors .feature {display: flex;align-content:stretch ;justify-content:space-between;flex-wrap: wrap;flex-direction: row-reverse;}
.features_colors .feature .imgplace {width:40%;float:right;background:#333;position:relative;overflow:hidden}
.features_colors .feature .imgplace:after {    content: "";    display: block;    width: 35%;    height: 120%;    background: #fff;    position: absolute;    left: -17%;    top: -10%;   transform: rotate(-165deg);}
.features_colors .feature .imgplace img {position:absolute;right:0;top:0;height: 100%;max-width: none;}
.features_colors .feature .abstract {width:60%;float:left;padding:6% 9%;}
.features_colors .feature .title {font-size:36px;font-weight: 500;padding:0 40px 10px 0;position:relative;border-bottom:1px solid #000;margin:0 0 40px 0;display:inline-block;line-height:100%;}
.features_colors .feature .title:after {content:"";display:block;width:1px;height:50px;background:#000;position:absolute;right:30px;top:20px;transform: rotate(-165deg);}
.features_colors .feature .moreabstract {padding:0 40px 0 0;}
 
.features_bottom {background:#f0f0f0;overflow:hidden;position:relative}
.features_bottom:before {position: absolute;left: -120px;top: -150px;height: 486px;width: 479px;background: url(../images/mainicon.png) center center no-repeat;content: "";display: block;background-size: contain;content: "";display: block;filter: brightness(100) invert(0);}
.features_bottom .feature {    padding: 2%;position:relative}
.features_bottom .feature .abstract {padding:0% 9% 0 4%;}
.features_bottom .feature .title {float: left;font-size:36px;font-weight: 500;padding:0 40px 10px 0;position:relative;border-bottom:1px solid #000;margin:55px 20px 10px 0px;display:inline-block;line-height:100%;}
.features_bottom .feature .title:after {content:"";display:block;width:1px;height:50px;background:#000;position:absolute;right:30px;top:20px;transform: rotate(-165deg);}
.features_bottom .feature .moreabstract {padding:0 40px 0 0;}
.features_bottom .feature .more {margin:50px 10px 0 0}

.companyplace {padding:2% 4%}
.clientitem {/*width:20%;height:70px;*/float:left;padding: 25px;}
.clientitem img {/*max-height:60px;max-width:240px;margin:auto*/filter: grayscale(100%);opacity:.5;}
.clientitem a:hover img, .clientitem a:focus img {opacity:1;filter: grayscale(0%);}

#logoimg {width:220px;margin: auto;/*filter: brightness(0) invert(1);*/position:relative;top:-20px;}

.projectplace {background:#b2d234;overflow:hidden;height: 320px;}

.projectplace .projecthome {width:80%;float:left;background:#ebefdd;position:relative;overflow:hidden;display: flex;align-content:stretch ;justify-content:space-between;flex-wrap: wrap;}

.projectplace .abstractmain {width:20%;float:left;padding:55px 30px;position:relative;z-index:2}
.projectplace .abstractmain:before {content: "";display: block;width: 60%;height: 190%;background: #b2d234;position: absolute;right: -13%;top: -5%;transform: rotate(175deg);}
.projectplace .abstractmain h2, .projectplace .abstractmain p {position:relative}
.projectplace .abstractmain h2 {    font-size: 29px;font-weight: 500;padding: 0 40px 10px 0;position: relative;border-bottom: 1px solid #000;margin: 0 0 40px 0;display: inline-block;line-height: 100%;}
.projectplace .abstractmain h2:after {content: "";display: block;width: 1px;height: 50px;background: #000;position: absolute;right: 30px;top: 20px;transform: rotate(-165deg);}
.projectplace .projecthome .projecthomeitem {width:19.9%;margin:0 .05% 0 0;position:relative;overflow: hidden;} 
.projectplace .projecthome .projecthomeitem .imgplace {height:320px;/*overflow: hidden;*/}
.projectplace .projecthome .projecthomeitem img {width:auto;max-width:none;height: 450px;margin: auto;}
.projectplace .projecthome .projecthomeitem .abstract {display:none;background: #000000\6;background: rgba(0, 0, 0, 0.6);padding: 10px;text-align: center;width: 60%;-webkit-transform: translate(0, 0%);-ms-transform: translate(0, 0%);transform: translate(-50%, -50%);position: absolute;top: 50%;left: 50%;}
.projectplace .projecthome .projecthomeitem a {color:#fff}
.projectplace .projecthome .projecthomeitem a:hover, .projectplace .projecthome .projecthomeitem a:focus {-webkit-transform: scale(.9,.9);-moz-transform: scale(.9,.9);-o-transform: scale(.9,.9);-ms-transform: scale(.9,.9);transform: scale(.9,.9);}
.projectplace .projecthome .projecthomeitem a:hover .abstract, .projectplace .projecthome .projecthomeitem a:focus .abstract {display:block}
.projectplace .projecthome .projecthomeitem .title {}

.projecthome.projectslider {display:block}
.projecthome.projectslider .slick-slide {margin:0 .05% 0 0;}
.projectplace .slick-next, .projectplace .slick-prev {z-index: 99;}
.projectplace div .slick-prev {}
.projectplace div .slick-next {right: 4%;}

.breadcrumbs {width:100%;float:left;background: #eaeaea\8;background: rgba(234, 234, 234, 0.8);position:absolute;bottom:0;left:0;text-align:center;padding:5px;z-index:4}
.breadcrumbs li {font-size:16px;font-weight:600;}
.breadcrumbs span {padding: 0 5px;}
.breadcrumbs a {color:#000;font-weight:400;}
.breadcrumbs a:hover, .breadcrumbs a:focus {text-decoration: underline}
.breadcrumbs br {display:none}

.pagetitle {position:absolute;left:0;bottom:11%;width:100%;z-index: 4;}
.pagetitle h1 {text-align:center;color:#fff;text-shadow: 0 4px 5px #333;}

.content {float:left;width:100%;}
.content.contentwide {width:100%;}
.content p a {text-decoration:underline;color:#b2d234;}

.mainabstract, .mainabstract p, .mainabstract li {color:#696767;font-size:24px;}

.imagesplace {position:relative;z-index:9;margin:0 0 40px 0;}
.imagesplace a {display:block;margin:0 auto 10px auto;}
.imagesplace img {max-height:1000px;margin:auto}
.imagesplace .slick-dots {bottom:-30px;}
.imagesplace .slick-dots li button {background: url(../images/x.png) center center no-repeat;opacity:.3}
.imagesplace .slick-dots li.slick-active button {opacity:1}

.imagesplace .slick-dots li button:before, .imagesplace .slick-dots li.slick-active button:before {color:transparent}

/*.imgside {float:right;width:35%;margin:0 0 40px 40px;}*/

.curtainplace {background: #000000\8;background: rgba(0, 0, 0, 0.8);width:100%;position:absolute;left:0px;bottom:0px;margin:0;}
.curtainplace .curtain {padding:10px;color:#fff;font-size:16px;line-height:100%}

.smalltitle, .bodytext2 h2 {font-size: 36px;padding: 0 40px 10px 0;position: relative;border-bottom: 1px solid #000;margin: 0 -40px 35px 0;display: inline-block;line-height: 100%;} 
.smalltitle:after, .bodytext2 h2:after {content: "";display: block;width: 1px;height: 50px;background: #000;position: absolute;right: 30px;bottom:-20px;transform: rotate(-165deg);}

#strip {height:100%;max-height:530px;max-width:none}

.darkgreyplace {background:#58585a;    display: flex;align-content: space-between;justify-content: space-between;flex-wrap: wrap;flex-direction: row-reverse;overflow: hidden;}
.darkgreyplace .imgplace {padding:0; width:40%;   overflow: hidden;position: relative;}
.darkgreyplace .imgplace:after {content: "";display: block;width: 35%;height: 140%;background: #58585a;position: absolute;left: -20%;top: -13%;transform: rotate(165deg);}
.darkgreyplace .imgplace:before {z-index: 2;content: "";display: block;width: 35%;height: 140%;background: #58585a;position: absolute;left: -35%;top: -10%;transform: rotate(165deg);}
.darkgreyplace .imgplace img {height:100%;max-width:none;position:absolute;left:0;top:0;}

.timelineplace {width:60%;float:right;padding: 5% 10%;}
.timelineplace.darkstyle {float:none;margin:auto}
.timeline {width:50.1%;float:right;margin:0 0 5px 0;border:1px solid #cccccc;padding: 0 0 0 10px;position:relative;min-height: 100px;}
.timeline a {color:#333;}
/*.timeline:hover {background:#ffffff;color:#0063a0;}
.timeline:hover .abstract p {color:#000}*/
.timeline .title {color:#fff;background:#b2d234;text-align:center;float:left;width:30%;font-size:36px;font-weight:600;line-height:100%;position:relative;padding:29px 0 0 0;letter-spacing: -2px;position:absolute;left:10px;top:0;height:100%;}
.timeline .title:after {background:#666666;width:20px;content:"";display:block;height:102%;position:absolute;left:-20px;top:-1px;}
.timeline .abstract {padding:10px 15px 10px 15px;float:right;width:70%;}
.timeline .abstract p {line-height: 19px;
    margin: 0;
    color: #fff;
    font-size: 16px;text-align:initial}
.timelineplace.darkstyle .timeline .abstract p {color:#000;}
.timeline:nth-of-type(2n) {float:left;padding: 0 10px 0 0px;}
.timeline:nth-of-type(2n) .title {float:right;left:auto;right:10px;}
.timeline:nth-of-type(2n) .title:after {left:auto;right:-20px;background:#999999;}
.timeline:nth-of-type(2n) .abstract {float:left}
.timelineplace .more {color:#fff;border:1px solid #fff}
 .timelineplace h2 {
	 color:#fff;
    font-size: 36px;
    padding: 0 40px 10px 0;
    position: relative;
    border-bottom: 1px solid #fff;
    margin: 0 -40px 35px 0;
    display: block;
    line-height: 100%;
}
 .timelineplace h2:after {
    content: "";
    display: block;
    width: 1px;
    height: 50px;
    background: #fff;
    position: absolute;
    right: 30px;
    top: 20px;
    transform: rotate(-165deg);
}


.timelinegreyplace {background:#f6f6f6;padding:100px 0 40px 0;position:relative}
.timelinegreyplace .bigtitle {float:right;width:40%}
.timelinegreyplace a.more {margin:25px 0 0 0;display:block;width:170px;background-color:#000;}
.timelinegreyplace a.more:hover, .timelinegreyplace a.more:focus {background-color:#0063a0;}

.flexplace {display: flex;align-content: space-between;justify-content: space-between;flex-wrap: wrap;flex-direction: row-reverse;overflow:hidden}
.flexplace > div {width:50%;padding:5% 0% 1% 10%;position:relative;}
.flexplace > div:first-of-type {    padding:5% 1% 0 5%;}
.flexplace.greenplace > div {    padding: 5% 10%;}
.flexplace .rightsideflex2 {padding:5% 1% 5% 10%}

.flexplace .leftsideflex2 {padding:0;overflow: hidden;}
.flexplace .leftsideflex2:after {content: "";display: block;width: 35%;height: 120%;background: #fff;position: absolute;right: -20%;top: -13%;transform: rotate(165deg);}
.flexplace .leftsideflex2:before {z-index: 2;content: "";display: block;width: 35%;height: 120%;background: #fff;position: absolute;right: -35%;top: -10%;transform: rotate(165deg);}
.flexplace .leftsideflex2 img {height:100%;max-width:none;position:absolute;left:0;top:0;}

.flexplace .leftsideflex {background:#f0f0f0;}
.flexplace .leftsideflex:after {content: "";display: block;width: 35%;height: 150%;background: #f0f0f0;position: absolute;left: 0%;top: -25%;transform: rotate(-175deg);}
.flexplace .leftsideflex:before {content: "";display: block;width: 35%;height: 150%;background: #fff;position: absolute;left: -35%;top: -25%;transform: rotate(-175deg);}

.greenplace {background:#b2d234;margin:0 0 60px 0;}
.greenplace.flexplace .leftsideflex:before{background:#b2d234;}

.bodytext ul {margin: 0 0px 20px 0;overflow: hidden;}
.bodytext ul li, .bodytext2 ul li, .mainabstract ul li, .listitem ul li, .productbox ul li, .feature li {padding-left:15px;background: url(../images/dot.png) left 7px no-repeat;list-style-type: none;margin-bottom:5px;}
.bodytext ol {margin:0 15px}
.bodytext ol li {margin-bottom:10px;}
.bodytext p img {width:auto;height:auto}
.bodytext h3 {font-size:24px;font-weight:600;margin:20px 0 10px 0;}
.bodytext h4 {margin:20px 0 10px 0;}

.downloadmain h2 {  font-size: 36px;
    padding: 0 40px 10px 0;
    position: relative;
    border-bottom: 1px solid #000;
    margin: 50px 0px 25px 20px;
    display: inline-block;
    line-height: 100%;}
.downloadmain h2:after {
    content: "";
    display: block;
    width: 1px;
    height: 50px;
    background: #000;
    position: absolute;
    right: 30px;
    top: 20px;
    transform: rotate(-165deg);
}
.duoboxplace {display: flex;align-content: space-between;justify-content: space-between;flex-wrap: wrap;}
.duobox {width:47%;background:#ececec;margin:1.5% 1.5% 2.5% 1.5%;min-height: 160px;}
.duoboxdata {height: 100%;display: flex;align-content: space-between;justify-content: space-between;flex-wrap: wrap;flex-direction: row-reverse;overflow: hidden;}
.duoboxdata > div {width:40%;position: relative;height: 100%;}
.duobox .abstract {width:60%;}
.duobox .title {font-size:30px;font-weight:600;margin:0 0 10px 0;line-height: 100%;}
.duobox .abstract {padding:4%;font-weight: 400;}
.duobox a {display:block;color:#000;height: 100%;}
.duobox a:hover,.duobox a:focus {-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.5);-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.5);box-shadow: 0px 0px 10px rgba(0,0,0,0.5);background:#f9f9f7;}
.duobox .imgplace {overflow: hidden;}
.duobox img {height: 100%;max-width: none;position: absolute;left: 0;top: 0;}
.duobox .imgplace:after {content: "";display: block;width: 35%;height: 120%;background: #ececec;position: absolute;left: -20%;top: -13%;transform: rotate(-165deg);}
.duobox a:hover .imgplace:after, .duobox a:focus .imgplace:after {background:#f9f9f7;}
.duobox .imgplacesmall img {position:static;height:auto;max-height:70px;max-width: 250px;}
.duobox p {text-align:initial}

.attach {margin:0 0 20px 0;}
.attach a {margin:5px 0;display:block}
.attach img {max-width:26px;max-height:26px;position:static}

.duoboxdata2 {display: flex;align-content: space-between;justify-content: space-between;flex-wrap: wrap;flex-direction: row-reverse;overflow: hidden;}
.duoboxdata2 > div {width:70%;position: relative;}
.duobox2 .abstract {padding:4%;font-weight: 400;}
.duobox2 .title {font-size:24px;font-weight:600;margin:0 0 10px 0;}
.duobox2 {width:47%;background:#ececec;margin:1.5%;}
.duobox2 .imgplace {overflow: hidden;background:#999999;width:30%}
.duobox2 .files {width:110px;margin:10% 15% 0 0;float: right;}
.duobox2 .files a {filter: brightness(0) invert(1);padding:70px 0 10px 0px;background: url(../images/downloads.png) center top no-repeat;color:#000;display: block;text-align: center;}
.duobox2:hover .imgplace {background:#b2d234}
.duobox2:hover a {filter: brightness(0) invert(0);}
.duobox2 .files img {display:none}
.duobox2 .imgplace:after {content: "";display: block;width: 35%;height: 120%;background: #ececec;position: absolute;left: -20%;top: -13%;transform: rotate(-165deg);}

.tripleboxplace {display: flex;align-content: space-between;justify-content: space-between;flex-wrap: wrap;}
.triplebox {width: 31.6%;margin:0 0 20px 0;overflow: hidden;position: relative;background:#f0f0f0;}
.triplebox .title {color:#fff;padding:10px 0}
.triplebox a {color:#fff;display:block}
.triplebox .abstract {display: flex;align-items:flex-end;flex-wrap: wrap;position:absolute;left:0;bottom:0;width:100%;padding:20px;z-index:2;background: #000000\5;background: rgba(0, 0, 0, 0.5);}
.triplebox img {height:300px;max-width:none;width:auto;margin:auto}
.triplebox p {}

.flextriplebox {width: 31.6%;overflow: hidden;position: relative;flex-grow: 3;margin: .5%;max-height:none}

.quadrupleplace {display: flex;align-content:stretch;flex-wrap: wrap;justify-content: center;}
.quadruple {width:19.8%;position:relative;text-align:initial;margin:.5px}
.quadruple .title {color:#fff;margin:20px 0;font-size:20px;}
.quadruple .abstract {background: #000000\6;background: rgba(0, 0, 0, 0.6);padding:10px;text-align:center;width:80%;-webkit-transform: translate(0, 0%);-ms-transform: translate(0, 0%);transform: translate(-50%, -50%);position: absolute;top: 50%;left: 50%;}
.quadruple a {display:block;color:#000000;}
.quadruple .imgplace {height:320px;overflow:hidden}
.quadruple img {margin:auto;height:430px;max-width:none;width:auto}
.quadruple a:hover, .quadruple a:focus {-webkit-transform: scale(.9,.9);-moz-transform: scale(.9,.9);-o-transform: scale(.9,.9);-ms-transform: scale(.9,.9);transform: scale(.9,.9);}
.quadruple .more {float:right;margin:0;}

.quadruple2 {width:19.8%;position:relative;text-align:initial;margin:.5px}
.quadruple2 .title {color:#000;margin:20px 0;font-size:20px;}
.quadruple2 a {display:block;color:#000000;}
.quadruple2 .imgplace {height:200px;overflow:hidden}
.quadruple2 img {filter: grayscale(100%);opacity:.5}
.quadruple2 a:hover img {filter: grayscale(0%);opacity:1}

.listitemdata {display: flex;align-content: space-between;justify-content: space-between;flex-direction: row-reverse;flex-wrap: wrap;overflow: hidden;/*margin:0 0 60px 0;*/}
.listitemdata > div {width:50%;position: relative;}
.listitem {margin:0 0 40px 0;background:#ececec;position: relative;}
.listitem .abstract {padding:4%;}
.listitem .imgplace {overflow: hidden;position: relative;}
.listitem img {}
.listitem .imgplace:after {content: "";display: block;width: 35%;height: 140%;background: #ececec;position: absolute;right: -25%;top: -20%;transform: rotate(165deg);}
.listitem a {color:#000;display:block}
.listitem .title {font-size:30px;font-weight:500;margin:0 0 20px 0;}
.listitem a:hover,.listitem a:focus {-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.5);-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.5);box-shadow: 0px 0px 10px rgba(0,0,0,0.5);background:#b2d234;}
.listitem a:hover .imgplace:after, .listitem a:focus .imgplace:after {background:#b2d234;}

.liststyle {margin:0 0 40px 0;}
.liststyle .title {color:#b2d234; border-bottom:1px solid #b2d234;padding:10px;}
.liststyle .abstract {padding:10px;width:85%;float:left} 
.liststyle a {color:#000000;}
.liststyle:hover, .liststyle a:focus {background:#f0f0f0}
.liststyle:hover .title, .liststyle a:focus .title {color:#ffffff;background:#b2d234;}
.liststyle .attach {float:right;width:15%;padding:10px;}
.liststyle .attach img {float:left;margin:-2px 10px 0 0}
.liststyle .name {margin:0 0 10px 0;}

.sidecontent {padding:5% 10%;}

.greyplace {background:#f0f0f0;padding:5% 10%;}

.managementplace {display: flex;align-content:stretch;justify-content:center;flex-wrap: wrap;}
.managementitem {width:19.2%;position:relative;margin:1.5%;text-align:initial}
.managementitem .title {color:#000000; margin:10px 0 0 0;font-size:20px;text-align:center;font-weight:500}
.managementitem div {text-align:center}
.managementitem a {display:block;color:#000000;}
.managementitem .imgplace {height:230px;width:230px;overflow:hidden;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border:15px solid #e8e9ea;margin:auto}
.managementitem img {margin:auto;/*height:230px;max-width:none;width:auto*/}
.managementitem a:hover .imgplace, .managementitem a:focus .imgplace {-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.7);-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.7);box-shadow: 0px 0px 10px rgba(0,0,0,0.7);}
.managementitem a:hover img, .managementitem a:focus img {}

.docsplace {padding:20px 0;margin:20px 0;border-top:1px solid #000;overflow: hidden;}
.docsplace a {display:block;color:#000000; clear: both;margin: 20px 0;font-weight: 500;}
.docsplace a span {font-size: 10px;display:none}
.docsplace a:hover, .docsplace a:focus {text-decoration:underline}
.docsplace img {float:left;margin:-2px 10px 0 0;}
.docsplace .title {display:none;color: #b2d234;margin: 0 0 5px 0; font-size: 16px;}

.linksplace {padding:20px 0;margin:0 0 30px 0;border-bottom:1px solid #ccc;overflow: hidden;}
.linksplace a {display:block;color:#000000;font-size:14px;    clear: both;margin: 10px 0;}
.linksplace a:hover, .linksplace a:focus {text-decoration:underline}
.linksplace img {float:left;margin:-2px 10px 0 0;max-height:23px;}
.linksplace .title {display:none;color: #b2d234;margin: 0 0 5px 0; font-size: 16px;}

.leftcolumn {padding:100px 0;text-align:center;width:100%;float:left;}
.leftmenu li {display:inline-block} 
.leftmenu a {display:inline-block;color:#000;padding:10px 15px;background:#f0f0f0;margin:5px 10px;font-size:24px;position:relative;
			 -moz-transform: skew(-18deg, 0deg);
-webkit-transform: skew(-18deg, 0deg);
-o-transform: skew(-18deg, 0deg);
-ms-transform: skew(-18deg, 0deg);
transform: skew(-18deg, 0deg);
}
.leftmenu a span {display:block;
				  -moz-transform: skew(18deg, 0deg);
-webkit-transform: skew(18deg, 0deg);
-o-transform: skew(18deg, 0deg);
-ms-transform: skew(18deg, 0deg);
transform: skew(18deg, 0deg);
}

.leftmenu a:hover, .leftmenu a.this, .leftmenu a:focus {color:#000;background:#b2d234;}
.leftmenu a.this {font-weight:600}
.leftmenu .level2 {padding:5px 0 5px 20px;display:none}
.leftmenu .level3 {padding:3px 0 3px 40px;display:none}
.leftmenu .level3 {padding:3px 0 3px 60px;display:none}

.contactbody h3 {margin:0 0 10px 0; }
.contactbody a {color:#b2d234;text-decoration:underline;}
.contactbody a:hover, .contactbody a:focus {color:#000000;}

.iconsplace {width:100%;float:left;margin: 60px 0;}
.iconsplace p {margin:0;padding:80px 0 0px 0px;background: url(../images/i1.png) center top no-repeat;width:25%;float:right;text-align:center}
.iconsplace p:nth-of-type(2n) {background: url(../images/i2.png) center top no-repeat;}
.iconsplace p:nth-of-type(3n) {background: url(../images/i3.png) center top no-repeat;}
.iconsplace p:nth-of-type(4n), .iconsplace p:nth-of-type(5n) {background: url(../images/i4.png) center top no-repeat;}

.contactformplace .smalltitle {text-align:center}

.contactform {padding:4% 8%;background:#eeeeee;}
.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;}
.contactform label {background:#fff;}
.contactform textarea {height:176px}
.contactform input[type="submit"] {background:#b2d234;font-size:24px;font-weight:600;float:none;border:none;width:100%;padding:7px 10px;margin:0;}
.contactform input[type="submit"]:hover, .contactform input[type="submit"]:focus {background:#333;color:#fff;}

.registerform {float:none;width:100%;}
.registerform span {padding:0 10px}
.registerform label {width:49%;float:left;}
.registerform label:nth-of-type(2n) {float:right}
.registerform label input:disabled {border-bottom: 1px solid #ccc;}

#contactfooter {float:right;width: 25%;}

#contactfooter .contactform {color:#999999;background:none;padding:0;}
#contactfooter .contactform label {margin:0 0 15px 0;background:none;}
#contactfooter .contactform input, #contactfooter .contactform select, #contactfooter .contactform textarea {color:#999999;border-bottom:1px solid #999}
#contactfooter .contactform ::-webkit-input-placeholder {color: #999999;}
#contactfooter .contactform ::-moz-placeholder {color: #999999;}
#contactfooter .contactform :-ms-input-placeholder {color: #999999;}
#contactfooter .contactform :-moz-placeholder {color: #999999;}
#contactfooter .contactform input[type="submit"] {float:left;background:#b2d234;color:#000000;padding:5px 15px;margin:10px 0 0 0;border:none;width:auto;font-size:18px;}
#contactfooter .contactform input[type="submit"]:hover, #contactfooter .contactform input[type="submit"]:focus {background-color:#000;color:#fff;}
#contactfooter .contactform .jointomailinglist, #contactfooter .contactform .comments {float:none;font-size:14px;}
#contactfooter .contactform textarea {height:60px} 
#contactfooter .title {    color: #999;font-size: 24px;    font-weight: 600;text-align:initial}

.gmap {margin:40px 0 0 0;}
.gmap iframe {width:100%;height:600px;}

.opencontact {border:none;background: url(../images/anvelop.png) 20px center no-repeat;color:#ffffff; text-align:initial;padding:20px 20px 20px 60px}
.opencontact:hover, .opencontact:focus {border:none;background-color:#b2d234;}

.infobox {border:1px solid #cccccc;margin:0 0 30px 0;}
.infobox .abstract {padding:10px;}
.infobox a {color:#575757;display:block}
.infobox .title {color:#b2d234;font-size:14px; }
.infobox .more {background:none;border:none;color:#b2d234;padding:0;text-decoration:underline;min-width:initial;margin:0;font-size:14px;}
.infobox p {font-size:14px;display: inline;}
.infobox a:hover img, .infobox a:focus img {-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}
.infobox .imgplace {overflow:hidden}

.downloadlist {border:1px solid #cccccc;}
.downloaditem {padding:10px 20px;display: flex;align-content: stretch;justify-content: space-between;flex-wrap: wrap;}
.downloaditem .date, .downloaditem .version {font-size:14px;color:#636363;width:10%;}
.downloaditem img {float:left;margin:-2px 10px 0 0;}
.downloaditem a {color:#000000;}
.downloaditem a:hover, .downloaditem a:focus {color:#b2d234;}
.downloaditem .abstract {width:20%;}
.downloaditem .title {width:60%;}
.downloaditem:nth-of-type(even) {background:#f0f0f0;}

.searchstyle {padding:40px 0 0 0;margin:40px 0 40px 0;border-top:1px solid #cccccc}
.searchstyle .title {color:#636363; font-size:18px;}
.searchstyle label {float:left;width:33%;margin:20px 0;font-size:14px;color:#636363;}
.searchstyle label select {width:auto;font-size:14px;color:#b2d234;}
.searchstyle input[type="submit"] {float:left;padding:5px 10px;font-size:14px; width:auto}

.searchresults {padding:0px 0 20px 0;margin:0px 0 20px 0;border-bottom:1px solid #cccccc}
.searchresults a:hover, .searchresults a:focus {text-decoration:underline}
.searchresults div {padding:5px 0;}
.searchresults div span {font-style:italic}
.searchresults h3 {margin:0;}

.glossaryABCplace {padding:10px;background:#f0f0f0;width:100%;float:left}
.glossaryABC {float:left;padding:5px;font-size:30px;}

.glossaryplace {width:100%;float:left;margin:30px 0;}

.faqsplace .question {color:#b2d234; padding:10px;border-bottom:1px solid #b2d234;margin: 40px 0 0 0;}
.faqsplace .question p, .faqsplace .question li { text-align:initial;margin:0;}
.faqsplace .question:hover, .faqsplace .question:focus, .faqsplace .question.opened {background:#b2d234;color:#ffffff;}
.faqsplace .answer {display:none;background:#f0f0f0;padding:10px;}
.faqsplace .answer p, .faqsplace .answer li {margin:0;}
.faqsplace .question:before {content:"";display:block;width:30px;height:1px;background:#000;position:absolute;left:30px;top:25px;}
.faqsplace .question:after {content:"";display:block;width:1px;height:30px;background:#000;position:absolute;left:45px;top:10px;}
.faqsplace .question:hover, .faqsplace .question.opened {background:#fecc0d;}
.faqsplace .question.opened:after {display:none}

.countrylist {float:left;width:14.2%;}
.countrylist h2 {font-size:18px;margin:0 0 10px 0;}
.countryitem a {color:#000000;padding:2px 0;display: block;}
.countryitem a:hover, .countryitem a:focus {color:#b2d234;text-decoration:underline}
.contrydata {margin:0 0 40px 0;}
.contrydata div {padding:5px 0;border-bottom:1px solid #cccccc;font-weight:500}
.contrydata div span { color:#636363;float: right;margin: 0 0 0 10px;}
.contrydata a {color:#b2d234;}

.eventitem {padding:0 0 30px 0;margin:0 0 30px 0;border-bottom:1px solid #cccccc;}
.eventitem .imgplace {width:290px;float:left;margin:0 40px 0 0;position:relative}
.eventitem .abstract {overflow:hidden}
.eventitem .abstract div {width:50%;float:left;padding:3px 0 3px 30px;font-size:14px;margin:10px 0 0 0;min-height:25px;}
.eventitem .title {font-size:18px;display:inline-block}
.eventitem .from {background: url(../images/icon6.png) left center no-repeat;}
.eventitem .location {background: url(../images/icon1.png) left center no-repeat;}
.eventitem .date {background: url(../images/icon5.png) left center no-repeat;}
.eventitem .site {background: url(../images/icon8.png) left center no-repeat;}
.eventitem a {color:#b2d234;text-decoration:underline}

.videoitem {}
.videoitem .title {font-weight:400;background: url(../images/movieicon.png) right center no-repeat;padding:10px 50px 10px 0;}
.videoitem .abstract {width:100%;z-index:2;line-height:120%;min-height:80px}
.videoitem a {color:#000;display:block}
.videoitem a:before {height:100%;width:100%;content:"";display:block;position:absolute;left:0;bottom:0;background: -moz-linear-gradient(top, rgba(20,114,164,0) 0%, rgba(20,114,164,0) 51%, rgba(20,114,164,1) 78%, rgba(20,114,164,1) 100%); background: -webkit-linear-gradient(top, rgba(20,114,164,0) 0%,rgba(20,114,164,0) 51%,rgba(20,114,164,1) 78%,rgba(20,114,164,1) 100%); background: linear-gradient(to bottom, rgba(20,114,164,0) 0%,rgba(20,114,164,0) 51%,rgba(20,114,164,1) 78%,rgba(20,114,164,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b2d234', endColorstr='#b2d234',GradientType=0 );}
.videoitem a:after {opacity:0;height:100%;width:100%;content:"";display:block;position:absolute;left:0;bottom:0;background: -moz-linear-gradient(top, rgba(0,139,200,0) 0%, rgba(0,139,200,0.95) 70%, rgba(0,139,200,1) 100%); background: -webkit-linear-gradient(top, rgba(0,139,200,0) 0%,rgba(0,139,200,0.95) 70%,rgba(0,139,200,1) 100%); background: linear-gradient(to bottom, rgba(0,139,200,0) 0%,rgba(0,139,200,0.95) 70%,rgba(0,139,200,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00008bc8', endColorstr='#008bc8',GradientType=0 ); }
.videoitem a:hover:after, .videoitem a:focus:after {opacity:1}
 
.imageitem {padding:0 0 30px 0;}
.imageitem .imgplace {border:1px solid #cccccc;padding:10px;margin:0 0 10px 0;height:200px;}
.imageitem .imgplace img {max-height:180px;max-width:280px}
.imageitem a {color:#000000; }
.imageitem a:hover, .imageitem a:focus {color:#b2d234;}
.imageitem a:hover .imgplace, .imageitem a:focus .imgplace {border:1px solid #b2d234;}

.movebtns {margin:40px 0;}
.movebtns a {display:inline-block;float:left;padding:5px 15px;color: #000;background: #b2d234;font-weight:500;margin:0 10px 0 0px;}
.movebtns a:nth-of-type(2n) {}
.movebtns a:hover, .movebtns a:focus {background:#333;color:#fff;}

.gallerypage {display: flex;align-content: stretch;justify-content: space-between;flex-wrap: wrap;}
.gallerypage > div {width: 20%;position: relative;overflow: hidden;}

.gallerylist {padding:1%;float: left;width: 100%;}
.gallerylist img {margin:0;padding:0;display:inline-block;vertical-align:bottom;opacity:1;}
.galleryitem {opacity:0;float:left;-moz-box-shadow: 0px 0px 20px rgba(100,100,100,0.5);-webkit-box-shadow: 0px 0px 20px rgba(100,100,100,0.5);box-shadow: 0px 0px 20px rgba(100,100,100,0.5);}
.galleryitem:hover {-moz-box-shadow: 0px 0px 30px rgba(50,50,50,0.9);-webkit-box-shadow: 0px 0px 30px rgba(50,50,50,0.9);box-shadow: 0px 0px 30px rgba(50,50,50,0.9);}
.galleryitem:hover img, .galleryitem a:focus img {-webkit-transform: scale(1.01,1.01);-moz-transform: scale(1.01,1.01);-o-transform: scale(1.01,1.01);-ms-transform: scale(1.01,1.01);transform: scale(1.01,1.01);}

.effect-parent {-webkit-perspective: 1300px;-moz-perspective: 1300px;perspective: 1300px;}
.effect-2 {-webkit-transform: translateY(200px);-moz-transform: translateY(200px);transform: translateY(200px);-webkit-animation: moveUp ease forwards;-moz-animation: moveUp ease forwards;animation: moveUp ease forwards;}

@-webkit-keyframes moveUp {
    to { -webkit-transform: translateY(0); opacity: 1; }
}

@-moz-keyframes moveUp {
    to { -moz-transform: translateY(0); opacity: 1; }
}

@keyframes moveUp {
    to { transform: translateY(0); opacity: 1; }
}
.effect-duration-1{-webkit-animation-duration: .4s;-moz-animation-duration:    .4s;animation-duration:         .4s;}
.effect-duration-2{-webkit-animation-duration: .5s;-moz-animation-duration:    .5s;animation-duration:         .5s;}

.masonryitem, .grid-sizer {width:30%;margin-bottom:40px;}
.gutter-sizer {width: 3%;}
.sitemapheader {margin:0px 0px 5px 0px;}
.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 {color:#b2d234;text-decoration:underline}

footer {padding:40px 0 0 0;margin:1px 0 0 0;background:#333;text-align:center}

.bannerplace {float:left;width:25%;text-align:initial}
.banner p a {color:#fff;font-size:24px;background:url(../images/tel.png) right center no-repeat;padding:0 40px 0 0}
.banner p:nth-of-type(2n) a {background:url(../images/anv.png) right center no-repeat}
.banner p a:hover, .banner p a:focus {color:#b2d234;}

.socialmedia li {float:left;margin:0 10px 0 0px;}
.socialmedia a img {filter: brightness(100) invert(0);opacity:.5}
.socialmedia a:hover img, .socialmedia a:focus img {filter: brightness(1) invert(0);opacity:1}
.socialmedia img {max-width:40px;max-height:40px;margin:0px auto 10px auto;}

.footerlinksplace {float:left;width:50%;}
.footerlinksbox {width:50%;float:right;text-align: initial;border-left:1px solid #999;padding:0 0 0 4%}
.footerlinksbox a {color:#999;margin:0 0 5px 0;display:block;}
.footerlinksbox a:hover, .footerlinksbox a:focus {text-decoration:underline;color:#b2d234;}
.footerlinksbox .title {color:#999;margin:0 0 20px 0;font-size:24px;font-weight:600}
.footerlinksbox li {display:block}

.logosslider {text-align:center}
.logosslider li {display:inline-block;text-align:center}
.logosslider li .imgplace {width:150px;height:30px;}
.logosslider li img {max-width:150px;max-height:30px;filter: grayscale(100%);}
.logosslider li a:hover img, .logosslider li a:focus img {filter: grayscale(0%);}

.credits {padding:15px;color:#fff;text-align:center;margin:40px 0 0 0;background:#000;}
.credits a {color:#fff;text-decoration:underline}
.credits a:hover, .credits a:focus {}

.languages {display:none;position:absolute;left:50%;top:55px;background: #000000\9;background: rgba(0, 0, 0, 0.9);width:100px;z-index: 2;margin:0 0 0 -45px;}
#openlogin2:hover .languages {display:block}
.languages a {display:block;  color: #ffffff; padding: 6px 0;border-bottom: 1px solid #b2d234;padding:5px 10px;font-size:14px;}
.languages a:hover, .languages a:focus {background:#b2d234;}

.loginplace {display:none;position:fixed;left:0;top:0;width:100%;height:100%;background: #000000\9;background: rgba(0, 0, 0, 0.9);z-index:999;}
.logindata .close {background:url(../images/sprite.png) -145px -32px no-repeat;width:30px;height:30px;position:absolute;right:0px;top:-30px;border:none;}
.logindata {position:fixed;left:50%;top:25%;width:500px;padding:2%;margin:0 0 0 -250px;background:#ffffff}
.logindata .title, .login .title {margin:0 0 20px 0;font-size:24px;}
.logindata button, .logindata a, .login button, .login a {display:block;color:#000000;padding:5px;text-decoration:underline;border:none;background:none;text-align:initial}
.logindata button:hover, .logindata a:hover, .logindata button:focus, .logindata a:focus, .login button:hover, .login a:hover, .login button:focus, .login a:focus {color:#b2d234}

.forgotpass {display:none}

.welcomeplace {float:right;margin:30px 20px 0 20px;position:relative}
.welcomeplace:hover .toggleaccount {display:block}
.toggleaccount {display:none;position:absolute;left:0;top:22px;background: #fff;padding:10px;z-index:99;-moz-box-shadow: 0px 0px 10px rgba(100,100,100,0.5);-webkit-box-shadow: 0px 0px 10px rgba(100,100,100,0.5);box-shadow: 0px 0px 10px rgba(100,100,100,0.5);}
.toggleaccount input[type="submit"] {padding:5px;font-size:14px;min-width:0;margin:5px 0;}

.cookiesplace {z-index: 100;display:none;position:fixed;background:#000\8;background-color: rgba(0,0,0,0.8);width: 100%;bottom: 0;padding: 10px 10%;color: #fff;text-align: center;font-size: 16px;}
.cookiesplace a {color: #fff;text-decoration:underline;display: inline-block;}

.popupplace {background: #000000\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%;}

.shoppingcartplace {float:right;position:relative;}
.shoppingcarticon {border: none;background: url(../images/cart.png) center center no-repeat;width: 30px;height: 79px;margin: 0 10px 0 10px;float: right;position: relative;background-size: contain;padding: 0;}
.shoppingcart:hover .togglecart, .shoppingcart:focus .togglecart, .shoppingcart.opened .togglecart, .togglecart.opened {display:block}
.shoppingcarticon .numof {color: #fff;background: #e12127;-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;}

.togglecart {position:absolute;left:0;top:60px;background: #ffffff;width:300px;z-index: 2;padding:10px;color:#000000;-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: #b2d234;padding: 10px;    font-weight: 600;line-height: 100%;}
.cartplace .cap, .btnorder {border:none;display: block;float: right;width: 150px;margin:15px auto 5px auto;background: #b2d234;color: #ffffff;text-align: center;padding: 10px 10px;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}
.cartplace .cap:hover, .cartplace .cap:focus, .btnorder:hover, .btnorder:focus {background: #575757;}

.cartheader, .cartItemPlace {border-bottom:1px solid #ccc}
.cartheader {background:#f0f0f0;}
.cartheader div, .cartItemPlace div div {display:inline-block;font-size:14px;float:left;padding:5px;width:50%;}
.cartheader div:nth-of-type(2n), .cartItemPlace div div:nth-of-type(2n) {width:20%;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:15%;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}

.similarplace {float:left;width:100%;text-align:center;margin:40px 0 0 0}
.similarplace h3 {    display: inline-block;font-size: 30px;color: #000000;padding: 15px 10px;border-bottom: 1px solid #cccccc;position: relative;margin: 0 0 20px 0;}
.similarplace h3:after {    content: "";display: block;width: 100px;position: absolute;bottom: -1px;left: 50%;height: 1px;background: #e12128;margin: 0 0 0 -50px;}
.similarslider {padding:2%;text-align:center}
.similarslider .slide {padding:2%}
.similarslider .title {color:#000;margin:10px 0;}
.similarslider .imgplace img {margin:auto;max-height:300px;}
.similarslider a {color:#000000;display:block}
.similarslider a:hover, .similarslider a:focus {color:#e12127;}
.similarslider a:hover img, .similarslider 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);}

.slider-nav {margin:0 auto;background:#f2f2f2;}
.slider-nav .slick-slide {height:120px;/*width:100px;*/border:5px solid transparent;overflow:hidden;margin:20px;background:#fff;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.slider-nav .slick-slide img {height:120px;max-width:none;cursor:pointer;margin:auto;/*background:#ccc;*/}
.slider-nav .slick-slide.slick-current {border:5px solid #999999;}
.slider-nav .slick-next, .slider-nav .slick-prev {bottom: 20px;}
.slider-nav .slick-prev, .slider-nav .slick-prev:hover, .slider-nav .slick-prev:focus {left:auto;right:-60px;background: #ccc url(images/right.png) center center no-repeat;}
.slider-nav .slick-next, .slider-nav .slick-next:hover, .slider-nav .slick-next:focus {right:auto;left:-60px;background: #ccc url(images/left.png) center center no-repeat;}
.slider-for {background:#f2f2f2;}
.slider-for img {margin:auto;max-height:600px;max-width:none}
.slider-for div  {height:600px;}

.projectbody {float:right;width:35%;}
.projectslider {float:left;width:60%;background:#f4f3f3;}

.projectsinner .slick-prev {left:10px;top:auto;bottom:10px;}
.projectsinner .slick-next {right:auto;left:40px;top:auto;bottom:10px;}
.projectsinner .projecttitle {margin:0;width: 16.4%;padding:2%}
.projectsinner .projectshome .project {margin:0 .5px}

.projectsshort .project, .projectsshort .projecttitle {width: 24.88%;height: 324px;}
.projectsshort .project img {height:324px;}
.projectsshort .projecttitle {height:325px}

table {width: 100%;border-bottom: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;}
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;} 

.btnplay, .btnstop {display:none;border:none;position:absolute;left:10px;bottom:30px;width:30px;height:30px;background: #fff\6;background: rgba(255, 255, 255, 0.6);-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);-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border:1px solid #ccc}
.btnplay:hover, .btnstop:hover, .btnplay:focus, .btnstop:focus {background:#fff;}
.btnstop, .btnplay.opened {display:block;} 
.btnstop.opened {display:none;}
.btnplay:after {position:absolute;left:10px;top:10px;content:"";display:block;width: 0;height: 0;border-style: solid;border-width: 5px 0 5px 10px;border-color: transparent transparent transparent #333333;}
.btnstop:after {position:absolute;left:15px;top:9px;content:"";display:block;width: 2px;height: 10px;background:#333333;}
.btnstop:before {position:absolute;left:11px;top:9px;content:"";display:block;width: 2px;height: 10px;background:#333333;}

.projectdataplace {margin:20px 0;width:90%;}
.projectdataplace div {padding:5px;border-top:1px solid #ccc;font-weight:500;}
.projectdataplace div:last-of-type {border-bottom:1px solid #ccc;}
.projectdataplace span {display:inline-block;width:130px;font-weight:600;float:left}
.projectdataplace div img {    max-height: 30px;margin: 0 10px;float:left}
.projectdataplace div a {color:#000;float:left}

a:focus, /*button:focus, */input[type="submit"]:focus, input:focus, select:focus, .slider a:focus img, textarea:focus, 
input[type="checkbox"]:focus {box-shadow: 0px 0px 10px rgba(100,100,100,0.5);/*outline: 1px dashed #b2d234;*/}

#contactfooter .contactform input:focus, #contactfooter .contactform input[type="checkbox"]:focus, #contactfooter .contactform textarea:focus,
.mainmenu > li a:focus { -moz-box-shadow: 0px 0px 10px rgba(255,255,255,0.5);-webkit-box-shadow: 0px 0px 10px rgba(255,255,255,0.5);box-shadow: 0px 0px 10px rgba(255,255,255,0.5);}

div .slick-dots button:focus {-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0);-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0);box-shadow: 0px 0px 0px rgb(0, 0, 0);}

.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;}
.invertsite .accessibility, .accessibility {width:30px;height:30px;	background: url(../images/accessibilitysprite.png) -2px -40px no-repeat !important;cursor:pointer;line-height:21px;padding:5px 10px ;border:1px solid #b2d234;text-align:center;position:fixed;right:20px;top:25px;z-index:999;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}
.accessibility:hover, .accessibility:focus {color:#000000;filter: brightness(0) invert(0);}
.invertsite .accessibility:hover, .invertsite .accessibility:focus {filter: brightness(1) invert(1);}

.invertsite p, .invertsite div, .invertsite li, .invertsite span, .invertsite button, .invertsite input, .invertsite header, .invertsite label,
.invertsite body, .invertsite a, .invertsite h1, .invertsite h2, .invertsite h3, .invertsite h4, .invertsite h5, .invertsite select, 
.invertsite textarea, .invertsite table td, .invertsite table th, .invertsite footer {background-color:#000000 !important;color:#ffffff !important;}

.invertsite .lightblueplace {background:#000000;}

.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;}

.invertsite .flexplace .leftsideflex:after, .invertsite .flexplace .leftsideflex:before {display:none}

@media screen and (min-width: 320px) and (max-width: 1020px) 
{
	@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }
	input {border-radius: 0;}

	.searchplace, .features_colors .feature .imgplace:after, .projectplace .abstractmain:before, .flexplace .leftsideflex:before,
	.flexplace .leftsideflex:after {display:none}

	body, input, textarea, select, button, p, li {font-size: calc(16px + 4 * ((100vw - 320px) / 1240));}
	h1, .smalltitle {font-size: 9vw;}
	h2, h3, h4, h5, h6, .sliderhome h2, .sliderhome h3 {font-size: 6vw;}
	h3, h4, h5, h6, .mainabstract, .mainabstract p, .mainabstract li {font-size: 5vw;} 
	.sliderhome p {font-size: 4vw;}

	.page, .pagewide, .pageshort {width:94%;margin:auto}
	header {background:#fff;z-index:111}
	.logo, .sticky .logo, body:lang(he) .logo, body:lang(he) .sticky .logo {float:left;margin:5px 0;}
	.logo img, .sticky .logo img {max-width: 125px;max-height: 45px;}

	.openmenu {display:block;width:30px;height:30px;position:relative;float:right;margin:10px 0px 0 10px;background:none;border:none;padding:0;}
	.openmenu span, .openmenu div:after, .openmenu div:before {border-radius: 3px;display:block;height:6px;background:#b2d234;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 {z-index:999;transform: translateX(-100%);background: #fff;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, .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: #b2d234;}
	.mainmenu > li a {color:#000000;padding:10px 5px;text-align:center;border-bottom: 1px solid #b2d234;}
	.mainmenu li li a, .mainmenu li li li a {padding:10px 5px;display:block;text-align:center;border-bottom: 1px solid #ccc;font-size: 18px;}

	.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, .projectplace .projecthome, .timeline {width:100%;}

	div .more, div input[type="submit"] {margin: 5px auto;padding: 5px 10px;min-width: 100px;}

	.maincontent {margin:50px auto 0 auto}

	.features_solutions .feature .title, .features_colors .feature .title, .features_bottom .feature .title {margin:0 0 20px 0;}

	.sliderhome{margin:0;height:auto}
	.sliderhometext {width:100%;height:auto;right: 0;top: 0;}
	.sliderhometext:before {zoom: .4;}
	.sliderhometext h2 {text-shadow:0 0 10px #fff, 0 0 10px #fff;font-size: 36px;}
	.sliderhome img {min-height:300px;}

	.clientitem {padding: 5px;}
	.clientitem img {    max-height: 50px;}
	#maintitleplace {min-height: 220px;}
	#strip {max-height: 190px;}
	#maintitleplace:before {zoom: .3;left: -5%;}

	.projectplace {height:auto}

	.projectplace .projecthome .projecthomeitem .abstract {display:block}

	.socialmediaheader, a.openlogin, a.openlogin2, .searchplace, .sticky .socialmediaheader, .sticky a.openlogin2, .sticky a.openlogin,
	.sticky .searchplace {margin-top:10px;}

	.leftmenu a {margin:10px;font-size:18px;padding:5px 10px;}

	.contactform div {margin:0;}

	.clientitem img {filter: grayscale(0%);opacity: 1;}

	.features_colors .feature img, .features_colors .feature:nth-of-type(2n) img, .features_colors .feature:nth-of-type(3n) img {float:none;max-width:100%;margin: auto;}

	.lightblueplace, .whiteplace, .blueplace, .p80 {padding:20px 0;}

	.docsplace {padding:10px 0;}

	.features_bottom .feature .more {clear: both;}

	.content, .leftcolumn, .footerlinksplace, .socialmedia, .hometext, .rightside, .leftside, .bannerplace, .contactbody, 
	.contactformplace, .features_colors .feature .abstract ul, .dataTables_filter, .dataTables_length, div .moredetails, div .moredetails a,
	div .moredetails button, #contactfooter, .listitemdata > div,  .duobox {float:none;width:100%;max-width:100%;margin:0 auto 20px auto;}

	.triplebox, .flextriplebox, .viewedplace, .infoboxesplace, .productsplace .productbox, .content .imgside.imgtop, .content .imagesplace.imgtop, .imgside, .imagesplace,
	{float:none;width:100%;max-width:320px;margin:0 auto 20px auto;}

	.iconsplace p {float:none;width:100%;max-width:320px;margin:0 auto 30px auto;padding: 70px 0 0px 0px;}

	.sliderhome .page, .sliderhome .caption, .logindata, .features_solutions .feature .abstract, .features_solutions .feature .imgplace,
	.features_colors .feature .abstract, .features_colors .feature .imgplace, .features_bottom .feature .abstract, .timelineplace,
	.features_bottom .feature .companyplace, .projectplace .abstractmain, .flexplace > div, .darkgreyplace .imgplace {left:0;margin:0;width:100%;max-width:100%;padding:4%;}

	.duobox2 {width: 46%;margin:4% 2%}
	.duobox2 .title { line-height: 100%;   font-size: 18px;}
	.duobox2 .imgplace:after {display:none}
	.duobox2 .files {zoom: .46;margin:1%}

	.features_solutions .feature .abstract {padding-top:6%}

	.features_colors .feature .imgplace, .features_colors .feature .moreabstract, .features_solutions .feature .moreabstract {padding:0;}

	.footerlinksbox .title {font-size: 20px;}

	.iconsplace {margin:0;}

	#leftcolumn {float: left;width: 100%;}
	.leftcolumn {padding:4%}
	.projectplace .projecthome .projecthomeitem {width: 49.8%;}

	.greyplace, .flexplace .rightsideflex2 {padding:4%;}
	.greyplace .smalltitle, .flexplace .rightsideflex2 .bodytext2 h2 {margin:0 2% 20px 0}

	 .managementitem {width: 48%;margin:4% 1%}
	 .managementitem div {line-height: 110%;}
	 .managementitem .imgplace {height: 150px;width: 150px;border: 5px solid #e8e9ea;}

	.features_solutions .feature, .features_colors .feature, .quadruple {width:100%;display:block;float:none}

	.tripleboxplace {display:block;float:left;width:100%;}
	.triplebox {overflow:visible}

	.features_colors .feature .imgplace img, .features_solutions .feature .imgplace img, .darkgreyplace .imgplace img
	 {position:static;height:auto;max-width:100%}

	.duobox .title {font-size:20px;}
	.duobox img {position:static;}
	.duobox .abstract {display:block}
	.duobox .imgplace:after {  width: 55%;  right: -30%;}

	.pagetitle {bottom: 25%;}

	.sliderhometext {max-height:460px;overflow:hidden}
	.sliderhome .slide {height:100%}
	.sliderhometext .caption {transform: translate(0%, 100%);position: relative;left:0;top:0%;padding:4%;width:100%}
	.features_solutions .feature .imgplace {height:120px}
	.features_solutions .feature .imgplace img {height:100%;max-width:none;margin:auto}
	.flexplace .leftsideflex2 img {position:static;height: auto;max-width: 100%;}
	.features_solutions .feature .imgplace:after {display:none}

	.listplace {float:left;width:100%;}
	.listitem .imgplace {width:100%;padding:5px;margin:0 0 10px 0;float:none;}
	.listitem .imgplace img {margin:auto;}
	.listitem .abstractdata {overflow:visible}

	#contactfooter {right:0;top:auto;bottom:0;}
	.opencontact {padding:10px;background-position:center center;text-indent:-1000px;overflow:hidden;width: 40px;height: 40px;}

	.socialmedia {text-align:center}
	.socialmedia li {display:inline-block}

	footer .page:before {background: url(../images/wavesmall.png) 90% center no-repeat;}

	.credits {font-size:12px;margin:5px auto;padding:5px;}

	.popupplace {z-index: 5;overflow: hidden;}


	.flexplace {flex-direction: column-reverse;}
	.flexplace > div:first-of-type {padding:4%}

	body:lang(he) .logo {float:left}
} 

@media screen and (min-width: 768px) and (max-width: 1239px) 
{
	.page, .pagewide {width:94%}
	.logo img {    max-width: 150px;}
}

@media screen and (min-width: 1020px) and (max-width: 1500px) 
{
	.features_solutions .feature .imgplace:after {  width: 55%;left: -27%;}
	.page, .pagewide {width:94%}
	.logo {margin: 5px;}
	
	.mainmenu > li a {padding: 20px 10px;font-size: 20px;}
	.menuplace, body:lang(he) .menuplace{margin: 15px 30px 0 0px;}
	.maincontent, .sliderhome {margin: 60px 0 0 0;}
	.p80 {padding: 30px 0;}
	.banner p a {font-size: 18px;}
	.features_colors .feature .imgplace:after, .duobox .imgplace:after {transform: rotate(175deg);}
	.projectplace .abstractmain:before {transform: rotate(-175deg);}
	.dropmenuplace {top:65px;}
	.sticky .dropmenuplace {top:65px;}
	.greyplace {padding:5% 1%}
	/*.flexplace > div:first-of-type {    padding:5% 8% 0 1%;}*/
}



@media screen and (min-width: 300px) and (max-width: 769px) 
{
   .accessibility {display:none}
}

@media screen and (min-width: 1921px) and (max-width: 6000px) 
{
   header {width:1920px;left:50%;margin:0 0 0 -960px}
}

@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;}
	h2 {font-size:26px;} 
	h3 {font-size:20px;}
	h4 {font-size:18px;}
	p {line-height: 120%;font-size: 16px;}
	div, header, footer, a {color:#000 !important;background:none !important;}
	.page, .content, .imgside, .indexcontent, .bodytext, .bannerplace, .hometext, .rightside, .leftside { width: auto !important;width:100% !important; margin:auto !important;max-width:100% !important;float:none}

	.leftcolumn, .mainmenu, .topmenu, .breadcrumbs, .search, .socialmedia, .strip, .opensearch, .accessibility, .shoppingcartplace, #openlogin, #strip, .footerlinksplace,
	.more, .docsplace, div .slick-dots, .socialmediaheader, .sliderhome {display:none !important;}

	div, span, body, header, .sticky {background:none;-moz-box-shadow: 0px 0px 0px rgba(100,100,100,0);-webkit-box-shadow: 0px 0px 0px rgba(100,100,100,0);box-shadow: 0px 0px 0px rgba(100,100,100,0);}
	
	.maincontent {min-height:0;height:auto;margin:0;}

	header, .infobox, .timelinegreyplace .bigtitle, .timelineplace, .linkssplace .bigtitle {width:100%;position:static}

	.pagetitle, .columns {background:none;padding:0;min-height:0;position:static;height:auto}
	.bodytext p a {box-shadow: inset 0 0px 0 rgba(255,255,255,0), inset 0 0px 0 #ffffff;}
	.credits {text-align:center;padding:5px;font-size:14px;margin: 0}
	
	.feature {filter: opacity(1)!important;opacity:1 !important;width:100% !important;}
	.feature .abstract {position:static;color:#000000;}

}
 