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:#8cd021;color:#ffffff;text-shadow: none;}::-webkit-selection {background:#8cd021;color:#ffffff;text-shadow: none;}::selection {background:#8cd021;color:#ffffff;text-shadow: none;}* {-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing: border-box;} 
::-webkit-input-placeholder {color: #fff;}::-moz-placeholder {color: #fff;}:-ms-input-placeholder {color: #fff;}:-moz-placeholder {color: #fff;}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: #fff;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: 300 18px Assistant, Arial, Helvetica, sans-serif;}
body {font-size:18px;color:#fcfcfc;-webkit-animation: bugfix infinite 1s;overflow-x:hidden;font-weight:300;background:#07162c url(../images/bg1.png) right 0 no-repeat;}
h1, h2, h3, h4, h5, h6, h7 {font-weight:300;color:#fcfcfc;margin:0px 0px 20px 0px;line-height:120%;position:relative;}
h1 {font-size:86px;}
h2 {font-size:44px;}
h3 {font-size:30px;}
h4 {font-size:20px;}
h5 {font-size:16px;}
p {margin:0px 0px 15px 0px;line-height:140%;} 

input, textarea, select, button {padding:10px 10px;width:100%;color:#fff}
select {padding:4px 10px;}
input:hover, textarea:hover, select:hover, input:focus, textarea:focus, select:focus {}
  
label {position:relative;display:block;margin:0 0 35px 0;border-bottom:1px solid #fff} 
input[type="checkbox"] {float:left;margin: 0px 10px 0 0px;width:20px;height:20px;}

a,  a:link,  a:visited,  a:focus,  a:active{color:#8cd021;text-decoration:none;outline-style:none;}
a:hover, a:focus {color:#000000;} 
    
.mainmenu a, .quadruple div, .quadruple a, .quadruple h3, div input[type="submit"], .features_bottom .feature img {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, .openmenu, .slick-slider:after, .slick-slider div:after, .imagesplace:after, .moremenu {display: none;}
.errorplace {color:#fff;position:absolute;left:0;bottom:-13px;font-size:11px;}
.error {border-bottom:1px solid #ff0000;color: #fff;}

.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);}
.ellipsis {display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

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

header {position:fixed;left:0;top:0;width:100%;z-index:99;padding:20px 0;transition:padding .35s ease, background .35s ease, box-shadow .35s ease;}
header.sticky {background:#07162c;-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);padding:0}
header > .page {display: flex;align-items: center;}

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

.logo {margin:10px 0;display: block;float:left;}
.logo img {max-height:40px;}
.menuplace {    flex: auto;}
.menuplace nav {padding:0 5px;border-left:1px solid #888888;position:relative;float:right}
.menuplace nav:nth-of-type(2n) {border:none}
.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 {position:relative}
.mainmenu > li a {color:#fcfcfc;display:block;text-align:center;line-height:110%;padding:10px 15px;}
.mainmenu a:hover, .mainmenu a:focus, .mainmenu li.this > a {color:#8cd021;}
.mainmenu li.this {font-weight:600}
.menuplace ul ul, .mainmenu li li {display: block;}
.menuplace ul ul ul {display:none}
.mainmenu li li a {padding:10px 10px;border-bottom:1px solid #cdd0d5;text-align:initial;display:block;color:#fff;text-align:center}
.mainmenu li li a:hover, .mainmenu li li a:focus, .mainmenu li li.this > a {background:#8cd021;color:#000;}
.mainmenu li li li {float:none;display:block;    margin: 0;}
.mainmenu li li li a {color:#ffffff; border:none;border-bottom:1px solid transparent;text-align:initial}
.mainmenu li li li a:hover, .mainmenu li li li a:focus, .mainmenu li li li.this > a {color:#fff;border-bottom:1px solid #fff;}

.topmenu {display:block;display: flex;align-content:stretch;justify-content:space-between;flex-wrap: wrap;float:right;margin:23px 10px 0 0;}
.topmenu ul {display: flex;align-content:stretch;justify-content:space-between;flex-wrap: wrap;}
.topmenu ul ul {display:block}
.topmenu > li a {color:#fcfcfc;display:block;text-align:center;line-height:110%;padding:10px 15px;}
.topmenu a:hover, .topmenu a:focus, .topmenu li.this > a {color:#8cd021;}
.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;}
.topmenu a.contactmenu {border:1px solid #fff;padding:10px 40px;display:inline-block;color:#fff}
.topmenu a.contactmenu:hover {background:#313e4f}

.mainmenu li:hover > .dropmenuplace, .topmenu li:hover > .dropmenuplace, .dropmenuplace.show-menu {opacity: 1;display:block}
.dropmenuplace {position: absolute;top: 35px;left: 50%;z-index: 1;opacity: 0;width: 300px;margin:0 0 0 -150px;display: none;background: #313e4f;-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);}
.topmenu .dropmenuplace {top: 30px;}

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:30px 0 0 0;float:right}
.socialmediaheader li {display:block;margin:0 0 0 10px;float:left;}
.socialmediaheader a:hover img, .socialmediaheader a:focus img {}
.socialmediaheader a {display:block}
.socialmediaheader a img {max-width:30px;max-height:30px;}

.topfeature {min-height:600px;position:relative;}

.sliderplacetop {position:absolute;left:0;top:0;width:53%}
html:lang(en) .sliderplacetop {left:auto;right:0;}
.sliderplace .slick-slide > div {position:relative;overflow:hidden;height:700px;}
.sliderplace img{width:100%;height:100%;object-fit:cover;display:block;}
.sliderplace:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;background:linear-gradient(to bottom,rgba(6,22,44,.85) 0%,rgba(6,22,44,.55) 18%,rgba(6,22,44,.15) 38%,rgba(6,22,44,0) 60%),linear-gradient(to top,rgba(6,22,44,.85) 0%,rgba(6,22,44,.45) 10%,rgba(6,22,44,0) 25%),linear-gradient(to right,rgba(6,22,44,.75) 0%,rgba(6,22,44,.30) 10%,rgba(6,22,44,0) 25%),linear-gradient(to left,rgba(6,22,44,.95) 0%,rgba(6,22,44,.55) 12%,rgba(6,22,44,.20) 20%,rgba(6,22,44,0) 30%),radial-gradient(circle at 0 0,rgba(6,22,44,.35) 0,rgba(6,22,44,.10) 12%,transparent 25%),radial-gradient(circle at 100% 0,rgba(6,22,44,.38) 0,rgba(6,22,44,.12) 12%,transparent 25%),radial-gradient(circle at 100% 100%,rgba(6,22,44,.30) 0,rgba(6,22,44,.10) 12%,transparent 25%),radial-gradient(circle at 0 100%,rgba(6,22,44,.28) 0,rgba(6,22,44,.10) 12%,transparent 25%);box-shadow:inset 0 60px 120px rgba(6,22,44,.55),inset 0 -20px 60px rgba(6,22,44,.25),inset 30px 0 60px rgba(6,22,44,.20),inset -50px 0 100px rgba(6,22,44,.45);display:block;}


.indexcontent {width: 47%;height: 700px;display: flex;flex-direction: column;justify-content: center;align-content: flex-start;padding:0 0 0 4%}
html:lang(en) .indexcontent {padding:0 4% 0 0 }

.indexcontent .h1 {font-size:85px;line-height:100%;}
.indexcontent .h1_2 {font-size:85px;color:#8cd021;font-weight:bold;margin:0 0 5px 0;line-height:100%;}
.indexcontent p {color:#fff}
.indexcontent p:nth-of-type(2n), .indexcontent p:nth-of-type(3n) {display:none}

.indexcontent .btn{display:inline-flex;align-items:center;justify-content:center;min-width:200px;padding:15px 36px;font-size:22px;font-weight:300;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.25);background:linear-gradient(180deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,.08) 100%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),inset 0 20px 40px rgba(255,255,255,.06),0 20px 60px rgba(0,0,0,.35);position:relative;overflow:hidden;transition:.35s cubic-bezier(.2,.6,.2,1);}
.indexcontent .btn::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.35) 0%,rgba(255,255,255,0) 40%);opacity:.35;transition:.35s;display:none}
.indexcontent .btn::after{content:"";position:absolute;top:0;left:-65%;width:60%;height:100%;background:linear-gradient(120deg,rgba(255,255,255,.35),rgba(255,255,255,0));transform:skewX(-20deg);transition:.6s;}
.indexcontent .btn:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),inset 0 25px 60px rgba(255,255,255,.08),0 30px 80px rgba(0,0,0,.45);border-color:rgba(255,255,255,.4);}
.indexcontent .btn:hover::after{left:120%;}


.searchplace {margin:25px 0 0 0;float:right}
.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 {width: auto;border:none;display: inline-block;margin: 10px auto;color: #8cd021;float:left;font-weight:600}
div .more:after {content:">>";display:inline-block;margin: 0px 5px 0 0;}

a.btn, span.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;margin-top:24px;border:1px solid #4c6361;text-decoration:none;font-weight:500;opacity:1;transform:none;transition:background .28s ease,box-shadow .28s ease,transform .28s ease,filter .28s ease;color:#fff;font-size:20px;background:#0F2323;background:linear-gradient(124deg,rgba(15,35,35,1) 0%,rgba(103,155,38,1) 100%);position:relative;overflow:hidden;flex-direction: row-reverse;}
a.btn:hover, span.btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,.25);filter:brightness(1.1);}
a.btn:active, span.btn:active{transform:translateY(-1px);box-shadow:0 5px 12px rgba(0,0,0,.2);}
a.btn:hover:before, span.btn:hover:before{transform:translateX(-4px);}
a.btn:after, span.btn:after{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.25) 50%,transparent 100%);transform:skewX(-20deg);transition:all .6s ease;}
a.btn:hover:after, span.btn:hover:after{left:130%;}
a.btn:before, span.btn:before{display:block;background:url(../images/arrowwhiteleft.png) center center no-repeat;width:31px;height:8px;content:"";margin:0 5px 0 0;transition:transform .28s ease;}


div input[type="submit"]{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;margin-top:24px;border:1px solid #4c6361;text-decoration:none;font-weight:500;opacity:1;transform:none;transition:background .28s ease,box-shadow .28s ease,transform .28s ease,filter .28s ease;color:#fff;font-size:20px;background:#0F2323;background:linear-gradient(124deg,rgba(15,35,35,1) 0%,rgba(103,155,38,1) 100%);position:relative;overflow:hidden;}
div input[type="submit"]:before{display:block;background:url(../images/arrowwhiteleft.png) center center no-repeat;width:31px;height:8px;content:"";margin:0 5px 0 0;transition:transform .28s ease;}
div input[type="submit"]:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,.25);filter:brightness(1.1);}
div input[type="submit"]:active{transform:translateY(-1px);box-shadow:0 5px 12px rgba(0,0,0,.2);}
div input[type="submit"]:hover:before{transform:translateX(-4px);}
div input[type="submit"]:after{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.25) 50%,transparent 100%);transform:skewX(-20deg);transition:all .6s ease;}
div input[type="submit"]:hover:after{left:130%;}


div .moreabout {display: inline-block;margin: 20px auto;background: none;color: #8cd021;text-align: center;padding: 10px 15px;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;border:1px solid #8cd021;}
div .moreabout:hover, div .moreabout:focus {background: #8cd021;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: #8cd021;color: #ffffff;border:1px solid #8cd021;}

div .slick-dots {bottom:-20px;} 
div .slick-dots li {margin:0 2px}
div .slick-dots li button:before {font-size: 15px;color: #2c75de;opacity:1}
div .slick-dots li.slick-active button:before {color: #fff;opacity:1}

div .slick-next:before, div .slick-prev:before {color: #000;}

.strip {overflow:hidden;max-height:370px;}
#strip {opacity:.8}

.sliderhome {margin: 0 0 -8px 0;position: relative;overflow:hidden;background:#01284f}
.sliderhome div, div .slick-dotted.slick-slider {margin:0;}
.sliderhome .caption {-webkit-transform: translate(0, 0%);-ms-transform: translate(0, 0%);transform: translate(0%, -50%);position: absolute;top: 50%;left: 0%;max-width:50%}
.sliderhome h2 {font-size:65px;color:#ffffff;}
.sliderhome h3 {font-size:24px;color:#ffffff;}
.sliderhome p {font-size:24px;color:#ffffff;}
.sliderhome img {opacity:.5}
.sliderhome .page {width:1200px;position:absolute;left:50%;top:0;height:100%;max-height:420px;margin:0 0 0 -600px;z-index:2;}
.sliderhome .more {-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.7);-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.7);box-shadow: 0px 0px 5px rgba(0,0,0,0.7);}

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

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

.bigtitle h2{font-size: 45px;margin: 0 0 30px 0;text-align:center}
.bigtitle h2:after {content: "";display: block;width: 150px;height: 2px;background: #6dab24;position: absolute;left: 50%;bottom: -15px;margin: 0 0 0 -75px;}

.featuresicons {display:flex;flex-wrap:wrap;padding:4% 0;position:relative;margin:0 0 4% 0}
.featuresicons .feature {width:25%;padding: 1%}
.featuresicons .feature img {margin:auto}
.featuresicons .title {font-size:68px;text-align:center;font-weight:500}
.featuresicons .subtitle {font-size:48px;text-align:center;font-weight:400} 
.featuresicons .moreabstract, .featuresicons .moreabstract p {font-size:24px;text-align:center}

.featuresicons::before,.featuresicons::after {content: "";position: absolute;left: 0;width: 100%;height: 1px;pointer-events: none;}
.featuresicons::before {top: 0;background: linear-gradient(to right,transparent 0%,rgba(120,120,120,0.15) 10%,rgba(160,160,160,0.35) 30%,rgba(200,200,200,0.6) 50%,rgba(160,160,160,0.35) 70%,rgba(120,120,120,0.15) 90%,transparent 100%);}
.featuresicons::after {bottom: 0;background: linear-gradient(to right,transparent 0%,rgba(120,120,120,0.15) 10%,rgba(160,160,160,0.35) 30%,rgba(200,200,200,0.6) 50%,rgba(160,160,160,0.35) 70%,rgba(120,120,120,0.15) 90%,transparent 100%);}





html{scroll-behavior:auto;}
body{overscroll-behavior-y:none;}

.projecttabsplace{position:relative;overflow:visible;padding:0 0 80px 0;}
.projecttabsinner{position:relative;z-index:2;width:100%;margin:0 auto;}
.projecttabsbox{position:-webkit-sticky;position:sticky;top:60px;z-index:50;padding:20px 0 20px 0;background:linear-gradient(to bottom, rgb(8 23 47 / 94%) 0%, rgba(0, 18, 46, .86) 70%, rgba(0, 18, 46, 0) 100%);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);}
.projecttabscontent{position:relative;padding-top:24px;}



.projecttabs{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:nowrap;padding:10px 0;}
.projecttab{position:relative;display:flex;align-items:center;justify-content:center;min-width:170px;width:260px;height:54px;padding:0 26px;border:none;border-radius:0;background:rgba(255,255,255,.03);color:rgba(255,255,255,.86);font-size:20px;font-weight:600;white-space:nowrap;cursor:pointer;overflow:hidden;transition:transform .3s ease,background .3s ease,color .3s ease,box-shadow .3s ease,opacity .3s ease;}
.projecttab:before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.22) 18%,rgba(255,255,255,.10) 82%,transparent 100%);}
.projecttab:after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.10) 20%,rgba(255,255,255,.04) 80%,transparent 100%);transition:background .3s ease,height .3s ease;}
.projecttab:hover{background:rgba(255,255,255,.05);color:#fff;transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.14);}
.projecttab.active{background:linear-gradient(180deg,rgba(90,150,82,.12) 0%,rgba(20,45,38,.16) 100%);color:#fff;box-shadow:0 10px 22px rgba(0,0,0,.18), inset 0 0 0 1px rgba(155,235,96,.10);}
.projecttab.active:before{background:linear-gradient(90deg,transparent 0%,rgba(190,255,150,.75) 18%,rgba(155,235,96,.28) 82%,transparent 100%);}
.projecttab.active:after{height:3px;background:linear-gradient(90deg,transparent 0%,rgba(190,255,150,.18) 12%,rgba(155,235,96,.85) 50%,rgba(190,255,150,.18) 88%,transparent 100%);}
html:lang(en) .projecttab {font-size:16px;font-weight:500;width:300px;}

.projectpanel{position:relative;height:calc(100vh - 150px);min-height:calc(100vh - 150px);display:flex;align-items:center;padding:26px 0;opacity:.62;transform:none;transition:opacity .32s ease;}
.projectpanel.in-view{opacity:1;}

.projectslider{position:relative;width:100%;padding:0 0 82px 0;}
.projectslider .slick-list{overflow:hidden;}
.projectslider .slick-track{display:block;}
.projectslider .slick-slide{outline:none;}
.projectslider .slick-slide>div{height:100%;}

.projectslide{position:relative;height:100%;}
.projectslideinner{display:flex;align-items:center;min-height:calc(100vh - 260px);}
html:lang(he) .projectslideinner {direction:ltr;}
html:lang(en) .projectslideinner {flex-direction: row-reverse;}

.projectdata{direction:rtl;width:40%;color:#fff;opacity:1;transform:none;filter:none;padding:4%}
.projectdata h2{margin:0 0 20px 0;font-size:44px;line-height:1.2;font-weight:600;color:#fff;opacity:1;transform:none;}
.projectdata .projectabstract{font-size:24px;line-height:1.82;color:rgba(255,255,255,.9);opacity:1;transform:none;direction:rtl;}


.projectdata .projectbtn{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;margin-top:24px;border:1px solid #4c6361;text-decoration:none;font-weight:500;opacity:1;transform:none;transition:background .28s ease,box-shadow .28s ease,transform .28s ease,filter .28s ease;color:#fff;font-size:20px;background:#0F2323;background:linear-gradient(124deg,rgba(15,35,35,1) 0%,rgba(103,155,38,1) 100%);position:relative;overflow:hidden;}
.projectdata .projectbtn:before{display:block;background:url(../images/arrowwhiteleft.png) center center no-repeat;width:31px;height:8px;content:"";margin:0 5px 0 0;transition:transform .28s ease;}
.projectdata .projectbtn:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,.25);filter:brightness(1.1);}
.projectdata .projectbtn:active{transform:translateY(-1px);box-shadow:0 5px 12px rgba(0,0,0,.2);}
.projectdata .projectbtn:hover:before{transform:translateX(-4px);}
.projectdata .projectbtn:after{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.25) 50%,transparent 100%);transform:skewX(-20deg);transition:all .6s ease;}
.projectdata .projectbtn:hover:after{left:130%;}
html:lang(en) .projectdata .projectbtn {flex-direction: row-reverse;}



.projectvisual{position:relative;overflow:hidden;opacity:1;transform:none;filter:none;width:60%;max-height:500px}
.projectvisual img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform 1.4s ease;}

.projectvisual:before{
content:"";
position:absolute;
inset:-1px;
pointer-events:none;
z-index:3;
background:
linear-gradient(to bottom,rgba(6,22,44,1) 0%,rgba(6,22,44,.55) 10%,rgba(6,22,44,.1) 20%,rgba(6,22,44,0) 30%),
linear-gradient(to top,rgba(6,22,44,1) 0%,rgba(6,22,44,.45) 10%,rgba(6,22,44,0) 25%),
linear-gradient(to right,rgba(6,22,44,1) 0%,rgba(6,22,44,.30) 10%,rgba(6,22,44,0) 25%),
linear-gradient(to left,rgba(6,22,44,1) 0%,rgba(6,22,44,.55) 12%,rgba(6,22,44,.20) 21%,rgba(6,22,44,0) 30%),
radial-gradient(circle at 0 0,rgba(6,22,44,.35) 0,rgba(6,22,44,.10) 12%,transparent 25%),
radial-gradient(circle at 10% 0,rgba(6,22,44,.50) 0,rgba(6,22,44,.12) 12%,transparent 26%),
radial-gradient(circle at 10% 10%,rgba(6,22,44,.30) 0,rgba(6,22,44,.10) 12%,transparent 26%),
radial-gradient(circle at 0 10%,rgba(6,22,44,.28) 0,rgba(6,22,44,.10) 12%,transparent 20%);
box-shadow:
inset 0 60px 120px rgba(6,22,44,.55),
inset 0 -20px 60px rgba(6,22,44,.25),
inset 30px 0 60px rgba(6,22,44,.20),
inset -50px 0 100px rgba(6,22,44,.45);
display:block;
}

.projectpanel.in-view .projectslide.slick-current .projectvisual img,.projectslide.is-animated .projectvisual img{transform:scale(1);}
.projectslide.is-animated .projectdata,.projectpanel.in-view .projectslide.slick-current .projectdata{animation:projectFadeUp .7s cubic-bezier(.22,.61,.36,1);}
.projectslide.is-animated .projectvisual,.projectpanel.in-view .projectslide.slick-current .projectvisual{animation:projectFadeRight .85s cubic-bezier(.22,.61,.36,1);}
.projectslide.is-animated .projectdata h2,.projectpanel.in-view .projectslide.slick-current .projectdata h2{animation:projectFadeUp .75s cubic-bezier(.22,.61,.36,1);}
.projectslide.is-animated .projectabstract,.projectpanel.in-view .projectslide.slick-current .projectabstract{animation:projectFadeUp .85s cubic-bezier(.22,.61,.36,1);}
.projectslide.is-animated .projectbtn,.projectpanel.in-view .projectslide.slick-current .projectbtn{animation:projectFadeUp .95s cubic-bezier(.22,.61,.36,1);}


.projectslider .slick-dots{position:absolute;left:50%;bottom:42px;transform:translateX(-50%);display:flex !important;align-items:center;justify-content:center;gap:10px;padding:0 28px;margin:0;line-height:1;list-style:none;z-index:25;}
.projectslider .slick-dots li{width:auto;height:auto;margin:0;display:flex;align-items:center;justify-content:center;}
.projectslider .slick-dots li button{width:10px;height:10px;padding:0;border:none;border-radius:50%;background:rgba(140,198,63,.45);font-size:0;line-height:0;transition:background .25s ease,transform .25s ease,opacity .25s ease;}
.projectslider .slick-dots li button:before{display:none;}
.projectslider .slick-dots li.slick-active button{background:#8cc63f;transform:scale(1);opacity:1;box-shadow:none;}
.projectslider .slick-arrow{position:absolute;bottom:28px;top:auto;width:40px;height:40px;padding:0;border:none;background:transparent;box-shadow:none;border-radius:0;font-size:0;z-index:26;opacity:1;transition:transform .25s ease,opacity .25s ease;}
.projectslider .slick-arrow:hover{background:transparent;box-shadow:none;transform:translateY(-1px);opacity:.85;}
.projectslider .slick-prev{left:50%;transform:translateX(calc(-100% - 46px));}
.projectslider .slick-next{left:50%;transform:translateX(46px);}
.projectslider .slick-prev:hover{transform:translateX(calc(-100% - 46px)) translateY(-1px);}
.projectslider .slick-next:hover{transform:translateX(46px) translateY(-1px);}
.projectslider .slick-prev:before,.projectslider .slick-next:before{content:"";display:block;width:10px;height:10px;border-top:2px solid #8cc63f;border-right:2px solid #8cc63f;opacity:1;position:absolute;top:50%;left:50%;transform-origin:center;}
.projectslider .slick-prev:before{transform:translate(-50%,-50%) rotate(-135deg);}
.projectslider .slick-next:before{transform:translate(-50%,-50%) rotate(45deg);}



.imgslider2 .slick-dots{position:absolute;left:50%;bottom:-20px;transform:translateX(-50%);display:flex !important;align-items:center;justify-content:center;gap:10px;padding:0 28px;margin:0;line-height:1;list-style:none;z-index:25;}
.imgslider2 .slick-dots li{width:auto;height:auto;margin:0;display:flex;align-items:center;justify-content:center;}
.imgslider2 .slick-dots li button{width:10px;height:10px;padding:0;border:none;border-radius:50%;background:rgba(140,198,63,.45);font-size:0;line-height:0;transition:background .25s ease,transform .25s ease,opacity .25s ease;}
.imgslider2 .slick-dots li button:before{display:none;}
.imgslider2 .slick-dots li.slick-active button{background:#8cc63f;transform:scale(1);opacity:1;box-shadow:none;}
.imgslider2 .slick-arrow{position:absolute;bottom:-35px;top:auto;width:40px;height:40px;padding:0;border:none;background:transparent;box-shadow:none;border-radius:0;font-size:0;z-index:26;opacity:1;transition:transform .25s ease,opacity .25s ease;}
.imgslider2 .slick-arrow:hover{background:transparent;box-shadow:none;transform:translateY(-1px);opacity:.85;}
.imgslider2 .slick-prev{left:50%;transform:translateX(calc(-100% - 66px));}
.imgslider2 .slick-next{left:50%;transform:translateX(66px);}
.imgslider2 .slick-prev:hover{transform:translateX(calc(-100% - 66px)) translateY(-1px);}
.imgslider2 .slick-next:hover{transform:translateX(66px) translateY(-1px);}
.imgslider2 .slick-prev:before,.imgslider2 .slick-next:before{content:"";display:block;width:10px;height:10px;border-top:2px solid #8cc63f;border-right:2px solid #8cc63f;opacity:1;position:absolute;top:50%;left:50%;transform-origin:center;}
.imgslider2 .slick-prev:before{transform:translate(-50%,-50%) rotate(-135deg);}
.imgslider2 .slick-next:before{transform:translate(-50%,-50%) rotate(45deg);}



.projecttabsplace.is-locked{cursor:ns-resize;}
.projecttabsplace.is-animating{pointer-events:none;}

.projectslide.is-animated .projectdata,
.projectslide.is-animated .projectvisual,
.projectpanel.in-view .projectslide.slick-current .projectdata,
.projectpanel.in-view .projectslide.slick-current .projectvisual,
.projectpanel.in-view .projectslide.slick-current .projectvisual img{will-change:transform,opacity;}

@keyframes projectFadeUp{0%{opacity:0;transform:translateY(14px);}100%{opacity:1;transform:translateY(0);}}
@keyframes projectFadeRight{0%{opacity:0;transform:translateX(16px) scale(1.005);}100%{opacity:1;transform:translateX(0) scale(1);}}

@media (max-width:1180px){
.projecttab{width:230px;}
.projectslideinner{gap:42px;}
.projectdata h2{font-size:30px;}
.projectdata .projectabstract{font-size:18px;line-height:1.7;}
.projectvisual{height:360px;}
}

@media (max-width:1100px){
html{scroll-behavior:auto;}
.projecttabsplace{padding:30px 0 50px 0;}
.projecttabsbox{position:relative;top:auto;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0 0 20px 0;}
.projecttabscontent{padding-top:0;}
.projectpanel{height:auto;min-height:auto;padding:40px 0 50px 0;opacity:1;}
.projectslideinner{display:grid;grid-template-columns:1fr;gap:24px;min-height:auto;}
.projectvisual{order:1;width:100%;height:320px;}
.projectdata{order:2;width:100%;max-width:none;}
.projectvisual img{transform:none;}
}

@media (max-width:767px){
.projecttabs{gap:10px;flex-wrap:wrap;}
.projecttab{width:auto;min-width:auto;flex:1 1 calc(50% - 5px);padding:0 14px;height:42px;font-size:14px;}
.projectpanel{padding:30px 0 40px 0;}
.projectvisual{height:240px;}
.projectdata h2{font-size:23px;}
.projectdata .projectabstract{font-size:15px;line-height:1.72;}
.projectdata .projectbtn{height:42px;padding:0 18px;font-size:14px;}
.projectslider{padding-bottom:10px;}
.projectslider .slick-prev{left:calc(50% - 48px);}
.projectslider .slick-next{left:calc(50% + 32px);}
}


.footerfeatures {padding:5% 0;background: url(../images/bg3.png) left center no-repeat;background-size: 55%;}
.footerfeatures .btn {margin:20px auto;width:200px;font-size:20px;display:block;text-align:center}
.footerfeatures .btn:before {display:none}
.footerfeatures h2 {margin:0 0 20px 0;text-align:center;}
.features_bot {display:flex;}
.features_bot > div {width:33.3%;padding:0 4%;position:relative}
.features_bot .title {color:#8CD021;font-weight:700;font-size:34px;margin:0 0 10px 0;}
.features_bot li {font-size:20px;margin:0 0 10px 0;padding-right:15px;background: url(../images/dot2.png) right 9px no-repeat;list-style-type: none;}


.features_bot > div::before,.features_bot > div::after {content: "";position: absolute;left: 0;width: 1px;height: 100%;pointer-events: none;}
.features_bot > div::before {top: 0;background: linear-gradient(to top,transparent 0%,rgba(120,120,120,0.15) 10%,rgba(160,160,160,0.35) 30%,rgba(200,200,200,0.6) 50%,rgba(160,160,160,0.35) 70%,rgba(120,120,120,0.15) 90%,transparent 100%);}
.features_bot > div::after {bottom: 0;background: linear-gradient(to top,transparent 0%,rgba(120,120,120,0.15) 10%,rgba(160,160,160,0.35) 30%,rgba(200,200,200,0.6) 50%,rgba(160,160,160,0.35) 70%,rgba(120,120,120,0.15) 90%,transparent 100%);}
.features_bot > div:last-of-type:after, .features_bot > div:last-of-type:before {display:none}




.newslist{display:flex;flex-direction:column;gap:22px;}

.newsitem{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(7,26,53,.96) 0%,rgba(5,22,46,.98) 100%);border:1px solid rgba(120,160,210,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 8px 24px rgba(0,0,0,.12);transition:all .3s ease;}

.newsitem:hover{transform:translateY(-4px);border-color:rgba(140,190,235,.26);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 14px 30px rgba(0,0,0,.16);}

.newsitem .imgplace{position:absolute;left:0;top:0;width:43%;height:100%;overflow:hidden;background:#07162c;}
html:lang(en) .newsitem .imgplace {left:auto;right:0;}
.newsitem .imgplace:before{content: "";position: absolute;inset: 0;z-index: 2;pointer-events: none;background: linear-gradient(90deg, rgb(7 22 44 / 0%) 0%, rgba(7, 22, 44, .18) 60%, rgb(7 22 44 / 97%) 100%), linear-gradient(180deg, rgba(7, 22, 44, .08) 0%, rgba(7, 22, 44, .24) 100%);transition: background .32s ease;}
html:lang(en) .newsitem .imgplace:before{background: linear-gradient(270deg, rgb(7 22 44 / 0%) 0%, rgba(7, 22, 44, .18) 60%, rgb(7 22 44 / 97%) 100%), linear-gradient(180deg, rgba(7, 22, 44, .08) 0%, rgba(7, 22, 44, .24) 100%);}

.newsitem .imgplace img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1);transition:transform .8s ease;}

.newsitem .abstract{position:relative;z-index:3;margin-left:43%;min-height:320px;padding:34px;display:flex;align-items:center;}
html:lang(en) .newsitem .abstract {margin-left:0;margin-right:43%;}
.newsitem .abstract > a{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;height:100%;color:#fff;text-decoration:none;}

.newsitem .title{margin:0 0 14px;color:#fff;font-size:32px;line-height:1.2;font-weight:600;}

.newsitem .title:after{content:"";display:block;width:70px;height:2px;margin-top:16px;background:linear-gradient(90deg,#6dab24 0%,rgba(109,171,36,.2) 100%);transition:all .3s ease;}

.newsitem .abstract p,
.newsitem .abstract h4,
.newsitem .abstract .short_text{margin:0 0 16px;color:rgba(255,255,255,.8);font-size:15px;line-height:1.7;}

.newsitem .abstract > a > div:nth-child(3){margin-top:8px;color:rgba(255,255,255,.9);font-size:14px;font-weight:600;}

.newsitem .date{margin-top:8px;color:rgba(255,255,255,.6);font-size:13px;}


.newsitem:hover .btn{transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,.2);}

.newsitem:hover .btn:before{transform:translateX(-4px);}

.newsitem:hover .title:after{width:100px;}


@media (max-width:1000px){
.newsitem .imgplace{width:40%;}
.newsitem .abstract{margin-left:40%;padding:26px;}
.newsitem .title{font-size:26px;}
}

@media (max-width:700px){
.newsitem .imgplace{position:relative;width:100%;height:220px;}
.newsitem .abstract{margin-left:0;padding:20px;}
}

.featuresprojects .feature {display: flex;align-content: space-between;justify-content: space-between;flex-wrap: wrap;}
.featuresprojects .feature > div {width:50%;position:relative}
.featuresprojects .feature .imgplace {overflow:hidden}
.featuresprojects .feature .abstract {padding:6% 6%;background:#e8ecef;}
.featuresprojects .feature .abstract:after {content:"";display:block;position:absolute;right:-30px;top:50%;margin: -30px 0px 0 0px;width: 0;height: 0;border-style: solid;border-width: 30px 0 30px 30px;border-color: transparent transparent transparent #e8ecef;}
.featuresprojects .feature .title {color:#8cd021;font-size:45px;margin:0 0 30px 0;position:relative}
.featuresprojects .feature .title:after {content:"";display:block;width:150px;height:2px;background:#6dab24;position:absolute;right:0%;bottom:-15px;}
.featuresprojects .feature a {text-decoration:underline}
.featuresprojects img {position:absolute;left:0;top:0;/*height: 100%;max-width: none;*/}
.featuresprojects .feature:nth-of-type(even) {flex-direction: row-reverse;}
.featuresprojects .feature:nth-of-type(even) .abstract:after {right:auto;left:-30px;border-width: 30px 30px 30px 0;border-color: transparent #e8ecef transparent transparent;}
 
.featurevideo {position:relative;background:#000;height:400px;overflow:hidden}
.featurevideo.opened {height:auto}
.featurevideo .title, .featurevideo h3 {color:#fff;text-align:center;position:absolute;left:0;top:15%;font-size:60px;font-weight:900;width:100%;text-shadow:0 3px 10px #000;z-index: 2;}
.featurevideo iframe {width:100%;height:400px}
.featurevideo .close {background:url(../images/sprite.png) -145px -32px no-repeat;width:30px;height:30px;position:absolute;right:30px;top: 30px;border:none;display:none;z-index: 99;}
.featurevideo button {background:url(../images/play.png) center center no-repeat;width:130px;height:130px;position:absolute;left:50%;bottom:-150px;border:none;margin:0 0 0 -65px;cursor:pointer;content:""}
.featurevideo p {margin:0}
.featurevideo .videoplace, .featurevideo.opened .title,.featurevideo.opened h3, .featurevideo.opened img {display:none}
.featurevideo.opened .videoplace, .featurevideo.opened .close {display:block}
.featurevideo img {opacity:.7;width: 100%;}
.featurevideo video{width:100%;    height: 100%;}

.feavideoplace{overflow:hidden;width:100%;margin:0px 0px;position:relative}
.feavideoplace .feavideo{height:385px;background:transparent}
.feavideoplace.openvideo .feavideo{height:auto}
.feavideo .videoplace{display:none;height:auto;width:100%}
.feavideo .videoplace video{width:100%}
.feavideo img{position:absolute;width:1920px;max-width:none;z-index:1;left:0;top:0}
.feavideo .feacontent2{width:100%;position:absolute;left:0;top:0;z-index:2;color:#fff;text-align:center;padding:70px 0px 0px 0px}
.feavideo h2{font-size:40px;color:#fff;font-weight:600}
.feavideo h3{font-size:16px;margin:auto;width:600px;color:#fff}
.feavideoplace.openvideo{height:auto}

.feavideo .watch{display:inline-block;margin:20px auto 0px auto;cursor:pointer;border:none;background: none;}
.feavideo .watch span{margin:0px auto 0px auto;display:block;background:url(../images/watch.png) no-repeat;width:79px;height:79px}
.watchclose{cursor:pointer;display:block;width:40px;height:40px;position:absolute;right:20px;top:20px;background:url(../images/watchclose.png) no-repeat;z-index:11;border:none}
 
.features_bottom {background:#8cd021;padding:3% 0}
.features_bottom .pagewide {display: flex;align-content: space-between;justify-content: space-between;flex-wrap: wrap;}
.features_bottom .feature {color:#fff;text-align:center;width:25%}
.features_bottom .feature .title {font-size:60px;margin:0 0 30px 0;position:relative}
.features_bottom .feature .title div {display:inline-block}
.features_bottom .feature .title .small {font-size:24px;}
.features_bottom .feature .title:after {content:"";display:block;width:100px;height:2px;background:#fff;position:absolute;left:50%;bottom:-15px;margin:0 0 0 -50px}
.features_bottom .feature img {margin:auto}
.features_bottom .feature a {color:#fff;}
.features_bottom .feature:hover img {-webkit-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);transform: scale(1.2,1.2);}
.features_bottom .feature p {font-size:25px;font-weight:300}
.features_bottom .feature .abstract {border-right:2px solid #fff;padding:0 4%;min-height:195px;}
.features_bottom .feature:last-of-type .abstract {border-right:none}

#columns {padding:5% 0;min-height: 500px;}

#maintitleplace {position:relative}
#maintitleplace img {}
#maintitleplace:after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 3;
    background:
	linear-gradient(to bottom, rgba(6,22,44,.85) 0%, rgba(6,22,44,.30) 10%, rgba(6,22,44,0) 25%),
	linear-gradient(to top, rgba(6,22,44,.85) 0%, rgba(6,22,44,.60) 20%, rgba(6,22,44,0) 50%),

	linear-gradient(to right, rgba(6,22,44,.75) 0%, rgba(6,22,44,.30) 10%, rgba(6,22,44,0) 25%),
	linear-gradient(to left,  rgba(6,22,44,.75) 0%, rgba(6,22,44,.30) 10%, rgba(6,22,44,0) 25%),

	radial-gradient(circle at 0 0,       rgba(6,22,44,.35) 0, rgba(6,22,44,.10) 12%, transparent 25%),
	radial-gradient(circle at 100% 0,    rgba(6,22,44,.35) 0, rgba(6,22,44,.10) 12%, transparent 25%),
	radial-gradient(circle at 100% 100%, rgba(6,22,44,.35) 0, rgba(6,22,44,.10) 12%, transparent 25%),
	radial-gradient(circle at 0 100%,    rgba(6,22,44,.35) 0, rgba(6,22,44,.10) 12%, transparent 25%);
	box-shadow:
	inset 0 60px 120px rgba(6,22,44,.55),
	inset 0 -60px 120px rgba(6,22,44,.55),
	inset 60px 0 120px rgba(6,22,44,.55),
	inset -60px 0 120px rgba(6,22,44,.55);
    display: block;
}

.bodyflex {display: flex;align-content: space-between;justify-content: space-between;flex-wrap: wrap;margin:0 0 30px 0;}
.bodyflex > div {width:50%;position:relative;z-index: 1;}
.bodyflex .bodyflexright {padding:0 0 0 4%;z-index: 2;}
html:lang(en) .bodyflex .bodyflexright {padding:0 4% 0 0;}

.imgslider img {max-height:100%;margin: 0 0 -6px 0;}


.hometext {width:49%;float:left;}
.hometext h2 {color:#8cd021;margin:0 0 30px 0;}
.hometext p {}
.hometext a {color:#fff;text-decoration:underline}
.hometext iframe {margin:30px 0 0 0;}

.newshomeplace {background:#e8ecef;padding:30px 4%;position:relative}
.newshomeplace:after {content:"";display:block;position:absolute;left:50%;bottom:-30px;margin:0px 0 0 -15px;width: 0;height: 0;border-style: solid;border-width: 30px 30px 0 30px;border-color: #e8ecef transparent transparent transparent;}
.newshomeplace .title {font-size:20px;font-weight:700;color:#8cd021;float:left;margin:3px 10px 0 0px;}

.newshome > div {margin:0 0 20px 0;}
.newshome .imgplace {float:left;margin:0 20px 0px 0;width:70px;height:70px;overflow:hidden;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}
.newshome .imgplace img {height:100%;max-width:none;width:auto}
.newshome a {color:#fff;display:block;overflow: hidden;}
.newshome a:hover, .newshome a:focus {color:#8cd021;}
.newshome .abstract {overflow:hidden}
.newshome .date {color:#8cd021; padding: 0 10px;}

.newshomeplace a {display:block}
.newshomeplace .slick-slide div {padding:1px;}

.breadcrumbs {position: absolute;
    right: 0;
    top: 90px;
    display: block;
 width:100%;
    z-index: 6;}

.breadcrumbs li {font-size: 14px;color:#fff;}
.breadcrumbs span {font-size: 14px;padding: 0 5px;color:#fff;}
.breadcrumbs a {font-size: 14px;color:#fff;font-weight:400}
.breadcrumbs a:hover, .breadcrumbs a:focus {text-decoration: underline}
.breadcrumbs br {display:none}

.pagetitle {position:absolute;left:0;bottom:0;width:100%;z-index: 4;}
.pagetitle h1 {color:#fff;text-align:center;font-weight: 400; }

.content.contentwide {width:100%;}
.content p a {text-decoration:underline;color:#8cd021;}


.leftmenu{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:nowrap;padding:10px 0;margin:0 0 40px 0;}
.leftmenu a{position:relative;display:flex;align-items:center;justify-content:center;min-width:170px;width:260px;height:54px;padding:0 26px;border:none;border-radius:0;background:rgba(255,255,255,.03);color:rgba(255,255,255,.86);font-size:20px;font-weight:600;white-space:nowrap;cursor:pointer;overflow:hidden;transition:transform .3s ease,background .3s ease,color .3s ease,box-shadow .3s ease,opacity .3s ease;}
.leftmenu a:before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.22) 18%,rgba(255,255,255,.10) 82%,transparent 100%);}
.leftmenu a:after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.10) 20%,rgba(255,255,255,.04) 80%,transparent 100%);transition:background .3s ease,height .3s ease;}
.leftmenu a:hover{background:rgba(255,255,255,.05);color:#fff;transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.14);}
.leftmenu a.this{background:linear-gradient(180deg,rgba(90,150,82,.12) 0%,rgba(20,45,38,.16) 100%);color:#fff;box-shadow:0 10px 22px rgba(0,0,0,.18), inset 0 0 0 1px rgba(155,235,96,.10);}
.leftmenu a.this:before{background:linear-gradient(90deg,transparent 0%,rgba(190,255,150,.75) 18%,rgba(155,235,96,.28) 82%,transparent 100%);}
.leftmenu a.this:after{height:3px;background:linear-gradient(90deg,transparent 0%,rgba(190,255,150,.18) 12%,rgba(155,235,96,.85) 50%,rgba(190,255,150,.18) 88%,transparent 100%);}


.leftmenu .level2 {display:none}


.leftmenu2 {float:right;width:22%;padding:30px 10px;margin:0 0 0 50px;display:none}
.leftmenu2 a {padding:10px 0;display:block;border-top:1px solid #ccc;color:#000;}
.leftmenu2 li:last-of-type a {border-bottom:1px solid #ccc;}
.leftmenu2 a:hover, .leftmenu2 a:focus, .leftmenu2 .this a {font-weight:700;position:relative}
.leftmenu2 a:hover:after, .leftmenu2 a:focus:after, .leftmenu2 .this a:after {    margin: 6px 0 0 8px;content:"";display:block;float:right;width: 0;height: 0;border-style: solid;border-width: 7.5px 11px 7.5px 0;border-color: transparent #007bff transparent transparent;}




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

.imagesplace {position:relative;z-index:9;}
/*
.imagesplace .slick-dots {bottom:20px;}
.imagesplace .slick-dots li button:before, .imagesplace .slick-dots li.slick-active button:before {color:#8cd021;}
	*/
.curtainplace {background: #000000\8;background: rgba(0, 0, 0, 0.8);width:100%;position:absolute;left:0px;bottom:0px;margin:0;}
.curtainplace .curtain {padding:5px;display:block;color:#ffffff;text-align:center}

.smalltitle {margin:0 0 60px 0;}

.bodytext {margin:0 0 30px 0;}
.bodytext ul {margin: 0 0px 20px 0;overflow: hidden;}
.bodytext ul li, .mainabstract ul li, .listitem ul li, .productbox ul li {padding-left:15px;background: url(../images/dot.png) left 7px no-repeat;list-style-type: none;margin-bottom:10px;}
.bodytext ol {margin:0 15px}
.bodytext ol li {margin-bottom:10px;}

.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-items:stretch;flex-wrap:wrap;gap:22px;}
.quadruple{width:calc(33.2% - 13px);position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(7,26,53,.96) 0%,rgba(5,22,46,.98) 100%);border:1px solid rgba(120,160,210,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 8px 24px rgba(0,0,0,.14);transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease;}
.quadruple:hover{transform:translateY(-4px);border-color:rgba(140,190,235,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 14px 30px rgba(0,0,0,.18);}
.quadruple a{display:flex;align-items:stretch;height:100%;color:#fff;text-decoration:none;position:relative;background:none;flex-direction: row-reverse;}
.quadruple .imgplace{width: 60%;
    min-width: 45%;
    height: 100%;
    min-height: 320px;
    position: absolute;
    overflow: hidden;
    background: #07162c;}
.quadruple .imgplace:before {content: "";position: absolute;inset: 0;z-index: 2;pointer-events: none;background: linear-gradient(90deg, rgb(7 22 44 / 0%) 0%, rgba(7, 22, 44, .18) 60%, rgb(7 22 44 / 97%) 100%), linear-gradient(180deg, rgba(7, 22, 44, .08) 0%, rgba(7, 22, 44, .24) 100%);transition: background .32s ease;}
html:lang(en) .quadruple .imgplace:before {background: linear-gradient(270deg, rgb(7 22 44 / 0%) 0%, rgba(7, 22, 44, .18) 60%, rgb(7 22 44 / 97%) 100%), linear-gradient(180deg, rgba(7, 22, 44, .08) 0%, rgba(7, 22, 44, .24) 100%);}
.quadruple img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1);transition:transform .9s ease;}

.quadruple .abstract{position: relative;
    right: 0;
    bottom: auto;
    width: 100%;
    height: auto;
    min-height: 300px;
    padding: 10px 10px 10px 40%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: initial;
    flex-wrap: nowrap;
    background: none;
    z-index: 2;}
html:lang(en) .quadruple .abstract {right: auto;left: 0;padding: 10px 40% 10px 10px;}
.quadruple .title,.quadruple h3{color:#fff;margin:0;font-size:clamp(24px,1.8vw,34px);line-height:1.15;font-weight:600;text-shadow:none;position:relative;}
.quadruple .title:after,.quadruple h3:after{content:"";display:block;width:72px;height:2px;margin-top:18px;background:linear-gradient(90deg,#6dab24 0%,rgba(109,171,36,.18) 100%);transition:width .32s ease,opacity .32s ease;}
.quadruple .moreabstract,.quadruple p{margin:18px 0 0;color:rgba(255,255,255,.78);font-size:16px;line-height:1.8;max-width:620px;}
.quadruple .date,.quadruple .subtitle{margin-top:18px;color:rgba(255,255,255,.62);font-size:14px;line-height:1.5;}
.quadruple .btn,.quadruple .more,.quadruple .readmore{display:inline-flex;align-items:center;justify-content:center;min-width:132px;padding:12px 22px;margin-top:26px;border:1px solid rgba(133,190,53,.34);background:linear-gradient(90deg,rgba(30,63,46,.96) 0%,rgba(109,171,36,.88) 100%);color:#fff;font-size:15px;font-weight:500;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);transition:transform .28s ease,box-shadow .28s ease,filter .28s ease;}
.quadruple .btn:before,.quadruple .more:before,.quadruple .readmore:before{content:"←";display:inline-block;margin-left:10px;font-size:14px;line-height:1;transform:translateX(0);transition:transform .28s ease;}

.quadruple:hover .btn,.quadruple:hover .more,.quadruple:hover .readmore{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 18px rgba(0,0,0,.12);filter:brightness(1.03);}
.quadruple:hover .btn:before,.quadruple:hover .more:before,.quadruple:hover .readmore:before{transform:translateX(-4px);}

.quadruple a:hover .abstract,.quadruple a:focus .abstract{height:auto;align-content:initial;justify-content:center;}
.quadruple a:hover .abstract h3,.quadruple a:focus .abstract h3{text-align:initial;}
.quadruple a:hover .abstract h3:after,.quadruple a:focus .abstract h3:after{width:98px;position:relative;left:auto;bottom:auto;margin:18px 0 0;}
.quadruple a:hover .abstract h3:before,.quadruple a:focus .abstract h3:before{display:none;}


@media (max-width:1100px){.quadruple{width:100%;}.quadruple .imgplace{width:40%;min-width:40%;min-height:280px;}.quadruple .abstract{width:60%;padding:28px 26px 24px;}.quadruple .title,.quadruple h3{font-size:clamp(24px,3vw,32px);}}
@media (max-width:700px){.quadruple a{display:block;}.quadruple .imgplace{width:100%;min-width:100%;min-height:240px;height:240px;position:relative}.quadruple .abstract{width:100%;padding:22px 18px 20px;min-height: 0;}.quadruple .title,.quadruple h3{font-size:24px;}.quadruple .moreabstract,.quadruple p{font-size:15px;line-height:1.7;}.quadruple .btn,.quadruple .more,.quadruple .readmore{margin-top:20px;}}


.listflex {display: flex;align-content:stretch;flex-wrap: wrap;justify-content: center;flex-direction: row-reverse;}
.listflex > div {width:50%;padding:1% 4% 4% 4%;position:relative;color:#fff}
.listflex div {color:#fff;}

.listflex > div:nth-of-type(2n) {background:#313e4f;}
.listflex .title {font-size:45px;color:#8cd021;margin:0 0 30px 0;border-bottom:2px solid #6dab24}

.listchildrenplace {display: flex;flex-wrap: wrap;}
.listchildrenplace > div {margin:0 0 20px 0;font-size:25px;padding:0 0 20px 0;border-bottom:1px solid #6dab24;width: 50%;}
.listchildrenplace > div:first-of-type {margin: 0 25% 20px 25%;}
.listchildren .imgplace {max-width:100px;max-height:100px;overflow:hidden;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;float:left;margin:0 20px 0 0px;background:#fff}
.listchildren a {color:#000}
.listchildren .imgplace img {margin:auto}
.listchildren .abstract {position:relative;overflow: hidden;padding:0 0 10px 0;font-size: 20px;}
/*.listchildren .abstract:after {content: "";display: block;width: 150px;height: 2px;background: #6dab24;position: absolute;left: 0%;bottom: 0px;}*/
.listchildren h3 {margin:0;font-size: 28px;}

.listitem {margin:0 0 40px 0;}
.listitem .imgplace {width:290px;float:left;margin:0 40px 0 0;position:relative}
.listitem .imgplace img {margin:auto;}
.listitem .abstract {padding:20px;border:1px solid #8cd021;overflow:hidden}
.listitem .title {display:inline-block;padding:10px;background:#8cd021;color:#fff; }
.listitem a {color:#000000;display:block}
.listitem a:hover .abstract, .listitem a:focus .abstract {background:#f0f0f0;}
.listitem a:hover .more, .listitem a:focus .more {background:#575757;color: #ffffff;}
.listitem .abstractdata {overflow:hidden}
.listitem .more {float:right;margin:10px 0 0 0;background:none;border:1px solid #8cd021;color:#8cd021; padding:10px 15px;}
.listitem li {font-size:14px;}
.listitem.noborder .abstract {border:none;border-top:1px solid #8cd021;}

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

.liststyleplace .quadrupleplacehide {margin:0 0 40px 0;}
.liststyle {margin:0 0 50px 0;font-size:30px;position:relative}
.liststyle:before {content: "";display: block;width: 100%;height: 2px;background: #6dab24;position: absolute;right: 0%;bottom: -15px;}
.liststyle .title {color:#8cd021;margin:0 0 10px 0;font-size:45px;text-align:initial;font-weight:300;padding:0;border:none;line-height: 100%;}
.liststyle .title:after {content: "";display: none;position: absolute;left: 0%;top:15px;width: 0;height: 0;border-style: solid;border-width: 11px 13px 11px 0;border-color: transparent #6cab24 transparent transparent;}
.liststyle.opened + .quadrupleplacehide {display:block}
.liststyle.opened .title:after {border-width: 13px 11px 0 11px;border-color: #6cab24 transparent transparent transparent;}
.liststyle.opened:before {width: 20%;}

.managementplace {display: flex;align-content:center;justify-content:center;flex-wrap: wrap;}
.managementitem {width:15%;position:relative;margin:1%;text-align:initial}
.managementitem .title {color: #8cd021; margin:10px 0 0 0;font-size:30px;text-align:center;}
.managementitem div {text-align:center}
.managementitem a {display:block;color:#000000;}
.managementitem .imgplace {height:150px;width:150px;overflow:hidden;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;margin:auto;background:#fff;}
.managementitem img {margin:auto;height:150px;max-width:none;width:auto}
.managementitem a:hover .imgplace, .managementitem 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);}
.managementitem a:hover img, .managementitem a:focus img {}

h2.noborder:after {display:none}

.docsplace,
.linksplace{
padding:22px 24px;
margin:24px 0;
background:linear-gradient(180deg,rgba(7,26,53,.96) 0%,rgba(5,22,46,.98) 100%);
border:1px solid rgba(120,160,210,.16);
box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 8px 24px rgba(0,0,0,.12);
overflow:hidden;
}

.docsplace .title,
.linksplace .title{
display:block;
margin:0 0 14px 0;
color:#8cd021;
font-size:18px;
font-weight:600;
line-height:1.2;
}

.docsplace a,
.linksplace a{
display:flex;
align-items:flex-start;
gap:12px;
color:rgba(255,255,255,.86);
clear:both;
margin:0;
padding:14px 0;
text-align:initial;
text-decoration:none;
border-top:1px solid rgba(255,255,255,.06);
font-size:15px;
line-height:1.6;
transition:color .3s ease,transform .3s ease,padding .3s ease;
}
.docsplace a img,.linksplace a img {display:none}

.docsplace a:first-of-type,
.linksplace a:first-of-type{
border-top:none;
padding-top:4px;
}

.docsplace a:hover,
.docsplace a:focus,
.linksplace a:hover,
.linksplace a:focus{
color:#fff;
text-decoration:none;
transform:translateX(-4px);
}

.docsplace img,
.linksplace img{
float:none;
flex:0 0 auto;
margin:2px 0 0 0;
max-height:22px;
width:auto;
opacity:.9;
transition:transform .3s ease,opacity .3s ease,filter .3s ease;
}

.docsplace a:hover img,
.docsplace a:focus img,
.linksplace a:hover img,
.linksplace a:focus img{
transform:translateX(-2px);
opacity:1;
filter:brightness(1.15);
}


.docsplace a span,
.linksplace a span{
display:block;
}

.docsplace a,
.linksplace a{
position:relative;
}



.docsplace a:hover:before,
.docsplace a:focus:before,
.linksplace a:hover:before,
.linksplace a:focus:before{
opacity:1;
}

@media (max-width:700px){
.docsplace,
.linksplace{
padding:18px 16px;
margin:18px 0;
}

.docsplace .title,
.linksplace .title{
font-size:17px;
margin-bottom:10px;
}

.docsplace a,
.linksplace a{
font-size:14px;
padding:12px 0;
gap:10px;
}
}

.pagepadding {padding:40px 0;}
/*
.centerbody, .centerbody p, .centerbody h2, .centerbody h3 {text-align:center}
.centerbody .bodytext {max-width: 1000px;margin:auto}
.centerbody2.bodytext {max-width: 1000px;margin:100px auto 0 auto}*/
.contactbody {float:left;}
.contactbody h3 {margin:0 0 10px 0; }
.contactbody a {color:#8cd021;text-decoration:underline;}
.contactbody a:hover, .contactbody a:focus {color:#000000;}

.bodytext p a, .bodytext li a {text-decoration:underline}

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

.contactformplace {float:right;width:58%;}
.contactformplace .smalltitle {font-size: 20px;color:#636363;}

.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 input[type="submit"] {margin:auto;color:#fff;float:none;display:block;text-align:center}
.contactform textarea {height:100px;}

.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 {padding:5% 0;background: url(../images/bg2.png) right center no-repeat;background-size: 45%;}
#contactfooter .page {display:flex;}
#contactfooter .title {width:50%;padding:0 0 0 4%}
#contactfooter .contactform {width:50%;padding:0 4% 0 0}
#contactfooter h3 {font-size:64px;color:#fff;margin:0 0 10px 0;max-width: 450px;}
#contactfooter h3 b {font-weight:700;}

#contactfooter .contactform.opened {display:block}
#contactfooter .contactform label {margin:0 0 20px 0;}
#contactfooter .contactform input, #contactfooter .contactform select, #contactfooter .contactform textarea {color:#fff;}
#contactfooter .contactform ::-webkit-input-placeholder {color: #fff;}
#contactfooter .contactform ::-moz-placeholder {color: #fff;}
#contactfooter .contactform :-ms-input-placeholder {color: #fff;}
#contactfooter .contactform :-moz-placeholder {color: #fff;}
#contactfooter .contactform input[type="submit"] {color:#fff;}

#contactfooter .contactform .jointomailinglist, #contactfooter .contactform .comments {float:none;font-size:14px;}

.couponplace {margin:40px 0;}
.couponplace h3 {margin:0;}
.couponplace label {margin:0;float:right;padding: 10px 0;width: 80%;}
.couponplace label span{float:right;display:inline-block;width:20%;padding:5px 0}
.couponplace label input {float:left;width: 80%;}
.couponplace .AddCoupon {float:right;border: none;width:150px;display: block;margin: 5px auto 5px auto;background: #8cd021;color: #ffffff;text-align: center;padding: 10px 10px;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}
.couponplace .AddCoupon:hover, .couponplace .AddCoupon:focus {background: #575757;}

.gmap iframe {width:100%;height:100%;filter: grayscale(100%);}


.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:#8cd021;}

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

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

.downloadmain h2 {font-size:16px;margin:40px 0 10px 0;}

.downloadlist {overflow:hidden}
.downloadlist .greybg {background:#313e50;border:none;font-weight: 600;color: #fff;}
.downloaditem {padding:10px 20px;display: flex;align-content: stretch;justify-content: space-between;flex-wrap: wrap;border-bottom:1px dashed #6dab24;}
.downloaditem div {width:15%;font-weight: 500;}
.downloaditem img {float:left;margin:-2px 10px 0 0;}
.downloaditem a {color:#fff;display:block;margin:2px 0;font-weight: 500;}
.downloaditem a:hover, .downloaditem a:focus {color:#8cd021;}
.downloaditem .abstract {width:40%;}
.downloaditem .title {font-weight:600;color: #8cd021;}

.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:#8cd021;}
.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:#8cd021; padding:10px;border-bottom:1px solid #8cd021;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:#8cd021;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:#8cd021;text-decoration:underline}
.contrydata {margin:0 0 40px 0;}
.contrydata div {padding:5px 0;border-bottom:1px solid #cccccc;}
.contrydata div span { color:#636363;}
.contrydata a {color:#8cd021;}

.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:#8cd021;text-decoration:underline}

.videoitem .title {color:#fff; }
.videoitem .abstract {background:#8cd021;position:absolute;left:0;top:0;width:100%;padding:10px 10px;z-index:2;line-height:120%;min-height:80px}
.videoitem a {color:#fff;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='#002b76df', endColorstr='#8cd021',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}
 
.prebodytextplace {display: flex;align-content: stretch;justify-content: space-between;flex-wrap: wrap;}
.prebodytextplace > div {width: 50%;position: relative;overflow: hidden;}
.prebodytextplace .prebodytext {background: #f4f3f3;padding:6% 4%;}
.prebodytextplace .prebodytext p {font-size:22px;}
.prebodytextplace img {position: absolute;right: 0;top: 0;width: auto;height: 100%;max-width: none;    filter: grayscale(100%);}
.prebodytextplace h2 {color:#000;font-size:36px; margin:0 0 20px 0;position:relative;display:inline-block;padding:20px 0 0 0;}
.prebodytextplace h2:after {position:absolute;left:0;top:-1px;width:100%;height:1px;background:#000;content:"";display:block}
.prebodytextplace h2:before {position:absolute;left:50%;top:-30px;width:1px;height:30px;background:#000;content:"";display:block}

.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:#8cd021;}
.imageitem a:hover .imgplace, .imageitem a:focus .imgplace {border:1px solid #8cd021;}

.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 ul ul ul {display:none}
.sitemap li {padding-right:15px;background: url(../images/dot.png) right 7px no-repeat;list-style-type: none;margin-bottom:10px;}
.sitemap a {color:#fff;font-size:18px;font-weight:600;}
.sitemap a:hover, .sitemap a:focus {color:#8cd021;text-decoration:underline}

footer {padding:40px 0 0 0;position:relative;background: #12335F;background: linear-gradient(0deg, rgba(18, 51, 95, 1) 0%, rgba(7, 22, 44, 1) 100%);}

.bannerplace {margin:15px 0;}
.banner {margin:0 0 20px 0;color:#fff;font-size:16px;}
.banner .imgplace {float:left;margin:0 20px 0px 0;width:70px;height:70px;overflow:hidden;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}
.banner .imgplace img {height:100%;max-width:none;width:auto}
.banner a {color:#fff;display:block;overflow: hidden;font-size:16px;}
.banner a:hover, .banner a:focus {text-decoration:underline}
.banner .abstract {overflow:hidden;display:flex}
.banner .title, .banner h5 { color:#fff;font-weight:600;margin:0 0 10px 0;}
.banner p {font-size:16px;margin:0 0 0 20px;}
html:lang(en) .banner p {margin:0 20px 0 0;}
.banner p strong {font-weight:600;}

.socialmedia ul {display:flex}
.socialmedia img {margin:5px 20px;}

.footerlinksplace {display:flex}
.footerlinksbox {flex:auto}
.footerlinksbox a {color:#fff;margin:0 0 5px 0;display:block;font-size:16px;}
.footerlinksbox a:hover, .footerlinksbox a:focus {text-decoration:underline;}
.footerlinksbox .title {color:#fff;margin:0 0 5px 0;font-weight:600;font-size:16px;}
.footerlinksbox ul {display:flex;margin:0 0 0 2%}
html:lang(en) .footerlinksbox ul {margin:0 2% 0 0}
.footerlinksbox ul li {margin:0 0 15px 15px;}
html:lang(en) .footerlinksbox ul li {margin:0 15px 15px 0;}
.footerlinksbox li {display:block}

.logosslider {text-align:center;margin: 30px 0 0 0}
.logosslider li {display:inline-block;text-align:center}
.logosslider li .imgplace {width:200px;height:80px;}
.logosslider li img {max-width:200px;max-height:80px;}

.credits {padding:10px;text-align:center;font-size:16px;}
.credits a {color:#fff}
.credits a:hover, .credits a:focus {text-decoration:underline}

.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 #8cd021;padding:5px 10px;font-size:14px;}
.languages a:hover, .languages a:focus {background:#8cd021;}

.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:#8cd021}

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

.featurepopupplace {display:none;background: #000000\9;background: rgba(0, 0, 0, 0.9);position:fixed;left:0;top:0;width:100%;z-index:999;height:100%}
.featurepopup .close {background: url(../images/sprite.png) -145px -31px no-repeat;width:30px;height:30px;position:absolute;right:10px;top:-30px;border:none;z-index: 2;}
.featurepopup {position:fixed;left:50%;top:25%;width:880px;margin:0 0 0 -440px;background:#fff;}
.featurepopup .abstract {position:relative;z-index:2;background: url(../images/bgpopup.png) left top no-repeat;min-height:340px;}
.featurepopup .abstract .data {float:left;width:60%;color:#fff;padding:6%;}
.featurepopup a {color:#fff;overflow:hidden}
.featurepopup a .more {background:#6dab24;text-align:center;padding:10px;display:block;color:#fff;width:100%}
.featurepopup a .more:after {display:none}
.featurepopup img {position:absolute;z-index:1;height: 100%;}
.featurepopup .title {font-size:34px;margin:0 0 20px 0;}

.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:9;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: #8cd021;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: #8cd021;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);}

/*
.imgslider .slick-prev, .imgslider .slick-next {bottom:auto;top:0px;width:50%;height:100%;-webkit-transform: translate(0,0%);-ms-transform: translate(0,0%);transform: translate(0,0%);z-index:2;}
.imgslider .slick-prev:focus, .imgslider .slick-next: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);}
.imgslider .slick-prev {right:auto;left:0px;}
.imgslider .slick-next {left:auto;right:0;}
.imgslider .slick-prev:before, .imgslider .slick-next:before {display:none}
	*/
.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;}

.accordionplace {display: flex;flex-direction: row;width: 100%;height: 630px;background:#000;}
.accordionplace .accordionitem {flex: 1;height: 100%;transition: all 0.8s ease;overflow:hidden;position:relative;}
.accordionplace .accordionitem h2 {color:#fff;font-size:70px;text-align:center;    text-shadow: 2px 2px 4px #000;word-break: break-all;}
.accordionplace .accordionitem .abstract {position:absolute;text-align:center;color:#fff;font-size:30px;left:0;top:35%;width:100%;text-shadow:0 2px 8px #000}
.accordionplace .accordionitem .abstract p {font-size:26px;font-weight:100}
.accordionplace .accordionitem:hover {flex: 4;/*transform: translate3d(0, 0, 100px);box-shadow: 0px 10px 60px rgba(0, 0, 0, 1);*/}
.accordionplace .accordionitem img {height:100%;max-width:none;opacity:.6}
.accordionplace .accordionitem a {color:#fff;display:block}
.accordionplace .accordionitem:hover .abstract a:after {content:"";display:block;position:absolute;left:50%;bottom:-80px;background: url(../images/playsmall.png) center center no-repeat;width:100px;height:100px;margin:0 0 0 -50px;}

.footeranimation {position:relative;overflow:hidden;height: 250px;}

.portplace {background:url(../images/bghaifa.png) right bottom no-repeat;width:100%;height:247px;position:absolute;right:0;bottom:0;}

.waveplace {width: 100%;overflow: hidden;height: 40px;position: absolute;bottom: -15px;left: 0;z-index: 2;}
.wave {background: url(../images/wave5.png) repeat-x;position: absolute;left:0;bottom:0px;width: 5244px;height: 40px;animation: wave 17s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;transform: translate3d(0, 0, 0);opacity:.4}
.wave:nth-of-type(2n) {animation: wave 16s cubic-bezier( 0.36, 0.45, 0.63, 0.53) -.125s infinite, wave2 17s ease -1.25s infinite;opacity: .6;bottom:0px;}
.wave:nth-of-type(3n) {animation: wave 10s cubic-bezier( 0.6, 0.5, 0.3, 0.5) .15s infinite, wave3 10s ease 1.5s infinite;opacity: .8;bottom:0px;}
@keyframes wave {
  0% {margin-left: 0;}
  100% {margin-left: -1311px;}
}
@keyframes wave2 {
  0%, 100% {transform: translate3d(0,-10px,0);}
  50% {transform: translate3d(0,5px,0);}
}
@keyframes wave3 {
   0% {}
  100% {}
}

.cloudsplace {position: absolute;top: 0; left: 0;height: 70%;overflow: hidden;width:100%;z-index:3;display:none}

.cloud {-webkit-animation: cloudsanim 50s linear infinite;-moz-animation: cloudsanim 50s linear infinite;animation: cloudsanim 50s linear infinite; -webkit-transform: scale(0.2);-moz-transform: scale(0.2);transform: scale(0.2);position:absolute;top:0px;}
.cloud:nth-of-type(2n) {-webkit-animation: cloudsanim2 80s linear infinite;-moz-animation: cloudsanim2 80s linear infinite;animation: cloudsanim2 80s linear infinite; -webkit-transform: scale(0.1);-moz-transform: scale(0.1);transform: scale(0.1);top:30px;}
.cloud:nth-of-type(3n) {-webkit-animation: cloudsanim3 75s linear infinite;-moz-animation: cloudsanim3 75s linear infinite;animation: cloudsanim3 75s linear infinite; -webkit-transform: scale(0.25);-moz-transform: scale(0.25);transform: scale(0.25);top:40px;}
.cloud:nth-of-type(4n) {-webkit-animation: cloudsanim4 85s linear infinite;-moz-animation: cloudsanim4 85s linear infinite;animation: cloudsanim4 85s linear infinite; -webkit-transform: scale(0.15);-moz-transform: scale(0.15);transform: scale(0.15);top:50px;}
.cloud:nth-of-type(5n) {-webkit-animation: cloudsanim5 170s linear infinite;-moz-animation: cloudsanim5 170s linear infinite;animation: cloudsanim5 170s linear infinite; -webkit-transform: scale(0.22);-moz-transform: scale(0.22);transform: scale(0.22);top:60px;}
.cloud:nth-of-type(6n) {-webkit-animation: cloudsanim6 75s linear infinite;-moz-animation: cloudsanim6 75s linear infinite;animation: cloudsanim6 75s linear infinite; -webkit-transform: scale(0.2);-moz-transform: scale(0.2);transform: scale(0.2);top:70px;}
.cloud:nth-of-type(7n) { -webkit-animation: cloudsanim7 75s linear infinite;-moz-animation: cloudsanim7 75s linear infinite;animation: cloudsanim7 75s linear infinite;-webkit-transform: scale(0.4);-moz-transform: scale(0.4);transform: scale(0.4);top:70px;}

.cloud span {display:block;background: #fff;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;-webkit-box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);height: 100px;position: relative;width: 250px;}
.cloud span:after, .cloud span:before {background: #fff;content: '';position: absolute;z-indeX: -1;}
.cloud span:after {-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;height: 90px;left: 110px;top: -30px;width: 100px;}
.cloud span:before {-webkit-border-radius: 200px;-moz-border-radius: 200px;border-radius: 200px;width: 110px;height: 100px;right: 100px;top: -60px;}

@-webkit-keyframes cloudsanim {
	  0% {/*margin-left: -2050px;*/left:-100px;}
    100% {/*margin-left: 2050px;*/left:2000px;}
}
@-moz-keyframes cloudsanim {
	0% {/*margin-left: -2050px;*/left:-100px;}
    100% {/*margin-left: 2050px;*/left:2000px;}
}
@-o-keyframes cloudsanim {
	0% {/*margin-left: -2050px;*/left:-100px;}
    100% {/*margin-left: 2050px;*/left:2000px;}
}

@-webkit-keyframes cloudsanim2 {
	  0% {left:100px;}
	  90% {left:2100px;opacity:1}
	  91% {left:2100px;opacity:0}
	  92% {left:-100px;opacity:0}
	  93% {left:-100px;opacity:1}
    100% {left:100px;}
}
@-moz-keyframes cloudsanim2 {
	0% {left:100px;}
	  90% {left:2100px;opacity:1}
	  91% {left:2100px;opacity:0}
	  92% {left:-100px;opacity:0}
	  93% {left:-100px;opacity:1}
    100% {left:100px;}
}
@-o-keyframes cloudsanim2 {
	0% {left:100px;}
	  90% {left:2100px;opacity:1}
	  91% {left:2100px;opacity:0}
	  92% {left:-100px;opacity:0}
	  93% {left:-100px;opacity:1}
    100% {left:100px;}
}

@-webkit-keyframes cloudsanim3 {
	  0% {left:300px;}
	  90% {left:2100px;opacity:1}
	  91% {left:2100px;opacity:0}
	  92% {left:-300px;opacity:0}
	  93% {left:-300px;opacity:1}
    100% {left:300px;}
}
@-moz-keyframes cloudsanim3 {
	 0% {left:300px;}
	   90% {left:2100px;opacity:1}
	  91% {left:2100px;opacity:0}
	  92% {left:-300px;opacity:0}
	  93% {left:-300px;opacity:1}
    100% {left:300px;}
}
@-o-keyframes cloudsanim3 {
	 0% {left:300px;}
	   90% {left:2100px;opacity:1}
	  91% {left:2100px;opacity:0}
	  92% {left:-300px;opacity:0}
	  93% {left:-300px;opacity:1}
    100% {left:300px;}
}

@-webkit-keyframes cloudsanim4 {
	  0% {left:500px;}
	  70% {left:2100px;opacity:1}
	  71% {left:2100px;opacity:0}
	  72% {left:-500px;opacity:0}
	  73% {left:-500px;opacity:1}
    100% {left:500px;}
}
@-moz-keyframes cloudsanim4 {
	 0% {left:500px;}
	  70% {left:2100px;opacity:1}
	  71% {left:2100px;opacity:0}
	  72% {left:-500px;opacity:0}
	  73% {left:-500px;opacity:1}
    100% {left:500px;}
}
@-o-keyframes cloudsanim4 {
	 0% {left:500px;}
	  70% {left:2100px;opacity:1}
	  71% {left:2100px;opacity:0}
	  72% {left:-500px;opacity:0}
	  73% {left:-500px;opacity:1}
    100% {left:500px;}
}

@-webkit-keyframes cloudsanim5 {
	  0% {left:500px;}
	 50% {left:2100px;opacity:1}
	  51% {left:2100px;opacity:0}
	  52% {left:-500px;opacity:0}
	  53% {left:-500px;opacity:1}
    100% {left:500px;}
}
@-moz-keyframes cloudsanim5 {
	 0% {left:500px;}
	  50% {left:2100px;opacity:1}
	  51% {left:2100px;opacity:0}
	  52% {left:-500px;opacity:0}
	  53% {left:-500px;opacity:1}
    100% {left:500px;}
}
@-o-keyframes cloudsanim5 {
	 0% {left:500px;}
	  50% {left:2100px;opacity:1}
	  51% {left:2100px;opacity:0}
	  52% {left:-500px;opacity:0}
	  53% {left:-500px;opacity:1}
    100% {left:500px;}
}

@-webkit-keyframes cloudsanim6 {
	  0% {left:600px;}
	  40% {left:2100px;opacity:1}
	  41% {left:2100px;opacity:0}
	  42% {left:-100px;opacity:0}
	  43% {left:-100px;opacity:1}
    100% {left:600px;}
}
@-moz-keyframes cloudsanim6 {
	 0% {left:600px;}
	  40% {left:2100px;opacity:1}
	  41% {left:2100px;opacity:0}
	  42% {left:-100px;opacity:0}
	  43% {left:-100px;opacity:1}
    100% {left:600px;}
}
@-o-keyframes cloudsanim6 {
	 0% {left:600px;}
	  40% {left:2100px;opacity:1}
	  41% {left:2100px;opacity:0}
	  42% {left:-100px;opacity:0}
	  43% {left:-100px;opacity:1}
    100% {left:600px;}
}

@-webkit-keyframes cloudsanim7 {
	  0% {left:60px;}
	  50% {left:70px;}
    100% {left:60px;}
}
@-moz-keyframes cloudsanim7 {
	0% {left:60px;}
	  50% {left:70px;}
    100% {left:60px;}
}
@-o-keyframes cloudsanim7 {
	0% {left:60px;}
	  50% {left:70px;}
    100% {left:60px;}
}

.ballsplace {position: absolute;right: 414px;top: 122px;width: 225px;transform: rotate(-20deg);}
.ballsplace:before {content:"";display:block;background:#6eac2e;height:3px;width:100%;position:absolute;left:0;top:0;}
.ballsplace div {transform: rotate(20deg);width:18px;height:37px;border:none;background: url(../images/ball.png) center center no-repeat;-webkit-animation: moveball 40s linear infinite;-moz-animation: moveball 40s linear infinite;animation: moveball 40s linear infinite;position:absolute;left:0;top:0;}
.ballsplace div:nth-of-type(2n) {-webkit-animation: moveball2 40s linear infinite;-moz-animation: moveball2 40s linear infinite;animation: moveball2 40s linear infinite;}
.ballsplace div:nth-of-type(3n) {-webkit-animation: moveball3 40s linear infinite;-moz-animation: moveball3 40s linear infinite;animation: moveball3 40s linear infinite;}

@-webkit-keyframes moveball {
     0% {left:0}
	  50% {left:160px}
	  55% {left:160px}
	  100% {left:0}
}

@-moz-keyframes moveball {
     0% {left:0}
	 50% {left:160px}
	  55% {left:160px}
	  100% {left:0}
}

@keyframes moveball {
      0% {left:0}
	   50% {left:160px}
	  55% {left:160px}
	  100% {left:0}
}

@-webkit-keyframes moveball2 {
     0% {left:20px}
	  50% {left:180px}
	  55% {left:180px}
	  100% {left:20px}
}

@-moz-keyframes moveball2 {
   0% {left:20px}
	  50% {left:180px}
	  55% {left:180px}
	  100% {left:20px}
}

@keyframes moveball2 {
    0% {left:20px}
	  50% {left:180px}
	  55% {left:180px}
	  100% {left:20px}
}

@-webkit-keyframes moveball3 {
     0% {left:40px}
	  50% {left:200px}
	  55% {left:200px}
	  100% {left:40px}
}

@-moz-keyframes moveball3 {
  0% {left:40px}
	  50% {left:200px}
	  55% {left:200px}
	  100% {left:40px}
}

@keyframes moveball3 {
    0% {left:40px}
	  50% {left:200px}
	  55% {left:200px}
	  100% {left:40px}
}

.manofplace {width:150px;height:129px;background: url(../images/manof2.png) center center no-repeat;position:absolute;right:1017px;bottom:26px;}
.manofplace .ship {width:64px;height:68px;background: url(../images/ship.png) center center no-repeat;position:absolute;left:-20px;bottom:-30px;-webkit-animation: moveship 10s ease infinite;-moz-animation: moveship 10s ease infinite;animation: moveship 10s ease infinite;}
.manofplace .manof {border:1px solid #6eac2e;width:10px;height:10px;position:absolute;    left: 5px;top: 45px;-webkit-animation: movemanof 20s ease infinite;-moz-animation: movemanof 20s ease infinite;animation: movemanof 20s ease infinite;}
.manofplace .manof:before, .manofplace .manof:after {position:absolute;left:0;top:-10px;height:10px;width:1px;background:#6eac2e;content:"";display:block;-webkit-animation: movemanofline 20s ease infinite;-moz-animation: movemanofline 20s ease infinite;animation: movemanofline 20s ease infinite;}
.manofplace .manof:after {left:7px;}

@-webkit-keyframes moveship {
     0% {transform: translateY(0px) rotate(5deg);}
	  50% {transform: translateY(-10px) rotate(-5deg);}
	  100% {transform: translateY(0px) rotate(5deg);}
}

@-moz-keyframes moveship {
  0% {transform: translateY(0px) rotate(5deg);}
	  50% {transform: translateY(-10px) rotate(-5deg);}
	  100% {transform: translateY(0px) rotate(5deg);}
}

@keyframes moveship {
     0% {transform: translateY(0px) rotate(5deg);}
	  50% {transform: translateY(-10px) rotate(-5deg);}
	  100% {transform: translateY(0px) rotate(5deg);}
}

@-webkit-keyframes movemanof {
     0% {left:5px;top: 45px;}
	  20% {left:5px;top: 85px;}
	  40% {left:5px;top: 45px;}
	  60% {left:65px;top: 45px;}
	  80% {left:65px;top: 85px;}
	  85% {left:65px;top: 45px;}
	  100% {left:5px;top: 45px;}
}

@-moz-keyframes movemanof {
  0% {left:5px;top: 45px;}
	  20% {left:5px;top: 85px;}
	  40% {left:5px;top: 45px;}
	  60% {left:65px;top: 45px;}
	   80% {left:65px;top: 85px;}
	  85% {left:65px;top: 45px;}
	  100% {left:5px;top: 45px;}
}

@keyframes movemanof {
      0% {left:5px;top: 45px;}
	  20% {left:5px;top: 85px;}
	  40% {left:5px;top: 45px;}
	  60% {left:65px;top: 45px;}
	  80% {left:65px;top: 85px;}
	  85% {left:65px;top: 45px;}
	  100% {left:5px;top: 45px;}
}

@-webkit-keyframes movemanofline {
      0% {height:10px;top:-10px;}
	  20% {height:50px;top:-50px}
	  40% {height:10px;top:-10px;}
	  60% {height:10px;top:-10px;}
	  80% {height:50px;top:-50px}
	  85% {height:10px;top:-10px;}
	  100% {height:10px;top:-10px;}
}

@-moz-keyframes movemanofline {
   0% {height:10px;top:-10px;}
	  20% {height:50px;top:-50px}
	  40% {height:10px;top:-10px;}
	  60% {height:10px;top:-10px;}
	  80% {height:50px;top:-50px}
	  85% {height:10px;top:-10px;}
	  100% {height:10px;top:-10px;}
}

@keyframes movemanofline {
     0% {height:10px;top:-10px;}
	  20% {height:50px;top:-50px}
	  40% {height:10px;top:-10px;}
	  60% {height:10px;top:-10px;}
		80% {height:50px;top:-50px}
	  85% {height:10px;top:-10px;}
	  100% {height:10px;top:-10px;}
}

.planeplace {position:absolute;top:50px;z-index:3;-webkit-animation: moveplane 50s linear infinite;-moz-animation: moveplane 50s linear infinite;animation: moveplane 50s linear infinite; width:400px;display:none}

.plane {display:block;background: #fff;-webkit-border-radius: 200px 0 0 30px;-moz-border-radius: 200px 0 0 30px;border-radius:200px 0 0 30px;-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);height: 20px;position: absolute;width: 90px;z-index:8;left:0;}
.plane:after, .plane:before {background: #fff;content: '';position: absolute;     transform: skew(30deg, 0deg);}
.plane:after {height: 40px;left: 40px;top: 0px;width: 25px;}
.plane:before {width: 25px; height: 40px;right: 20px;top: -20px;transform: skew(-30deg, 0deg);}
.plane span {display: block;position: absolute;right: -30px;top: -20px;width: 30px;height: 40px;background: #fff;-webkit-border-radius: 100px 100px 0 0;-moz-border-radius: 100px 100px 0 0;border-radius: 100px 100px 0 0;transform: skew(-30deg, 0deg);}
.plane span:before {position:absolute;left:-70px;top:33px;height:1px;width:80px;content:"";background:#666}

.planebanner {background:#8cd021;padding:10px;color:#fff;position: absolute;left: 155px;top: -10px;width: 200px;text-align: center;height:46px;-webkit-animation: moveflag 2s ease infinite;-moz-animation: moveflag 2s ease infinite;animation: moveflag 2s ease infinite;}
.planebanner:before {position:absolute;left:-50px;top:20px;height:2px;width:50px;content:"";background:#8cd021;display:block}
.planebanner:after {position:absolute;left:0px;top:0px;height:100%;width:100%;content:"";display:block;-webkit-animation: movegrad 2s ease infinite;-moz-animation: movegrad 2s ease infinite;animation: movegrad 2s ease infinite;
			/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+1,ffffff+44,ffffff+56,ffffff+67,ffffff+100&0+0,0.3+56,0+100 */
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.01) 1%, rgba(255,255,255,0.24) 44%, rgba(255,255,255,0.3) 56%, rgba(255,255,255,0.22) 67%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(255,255,255,0.24) 44%,rgba(255,255,255,0.3) 56%,rgba(255,255,255,0.22) 67%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(255,255,255,0.24) 44%,rgba(255,255,255,0.3) 56%,rgba(255,255,255,0.22) 67%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */

}

.chevron {position: absolute;right:10px;top:0px;}
.chevron:before {content: '';position: absolute;top: 0;left: 0;height:28px;width: 40px;background: #8cd021;transform: skew(-20deg, 0deg);}
.chevron:after {content: '';position: absolute;top: 18px;left: 0;height: 28px;width: 40px;background: #8cd021;transform: skew(20deg, 0deg);}
  
@-webkit-keyframes moveflag {
     0% {transform: perspective(5cm) rotateX(-3deg) rotateY(-3deg);}
	50% {transform: perspective(4cm) rotateX(-3deg) rotateY(3deg);}
	  100% {transform: perspective(5cm) rotateX(-3deg) rotateY(-3deg);}
}

@-moz-keyframes moveflag {
     0% {transform: perspective(5cm) rotateX(-3deg) rotateY(-3deg);}
	50% {transform: perspective(4cm) rotateX(-3deg) rotateY(3deg);}
	  100% {transform: perspective(5cm) rotateX(-3deg) rotateY(-3deg);}
}

@keyframes moveflag {
      0% {transform: perspective(5cm) rotateX(-3deg) rotateY(-3deg);}
	50% {transform: perspective(4cm) rotateX(-3deg) rotateY(3deg);}
	  100% {transform: perspective(5cm) rotateX(-3deg) rotateY(-3deg);}
}

@-webkit-keyframes moveplane {
	  0% {right:-400px;}
    100% {right:2000px;}
}
@-moz-keyframes moveplane {
	0% {right:-400px;}
    100% {right:2000px;}
}
@-o-keyframes moveplane {
	0% {right:-400px;}
    100% {right:2000px;}
}

@-webkit-keyframes movegrad {
	  0% {width:50%}
    50% {width:120%}
	  100% {width:50%}
}
@-moz-keyframes movegrad {
  0% {width:50%}
    50% {width:120%}
	  100% {width:50%}
}
@-o-keyframes movegrad {
  0% {width:50%}
    50% {width:120%}
	  100% {width:50%}
}

.smokeplace {position: absolute;top: 215px;right: 793px;height: 60px;overflow: hidden;width: 25px;z-index: 3;}
.smoke {-webkit-animation: smoke 5s linear infinite;-moz-animation: smoke 5s linear infinite;animation: smoke 5s linear infinite;height: 10px;width: 10px;	background: #6eac2e;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;position:absolute;bottom:0;left:2px;zoom:.7}
.smoke:nth-of-type(2n) {-webkit-animation: smoke2 5s linear infinite;-moz-animation: smoke2 5s linear infinite;animation: smoke2 5s linear infinite; left:0px;}
.smoke:nth-of-type(3n) {-webkit-animation: smoke3 5s linear infinite;-moz-animation: smoke3 5s linear infinite;animation: smoke3 5s linear infinite; left:2px;}
.smoke:nth-of-type(4n) {-webkit-animation: smoke4 5s linear infinite;-moz-animation: smoke4 5s linear infinite;animation: smoke4 5s linear infinite; left:3px;}
.smoke:nth-of-type(5n) {-webkit-animation: smoke5 5s linear infinite;-moz-animation: smoke5 5s linear infinite;animation: smoke5 5s linear infinite; left:1px;}

@-webkit-keyframes smoke {
	
	  0% {-webkit-transform: translateY(0px);opacity:.5}
	  50% {-webkit-transform: translateY(-20px);opacity:0}
	  100%{opacity:0}
}
@-moz-keyframes smoke {

  0% {-webkit-transform: translateY(0px);opacity:.5}
	  50% {-webkit-transform: translateY(-20px);opacity:0}
	  100%{opacity:0}
}
@-o-keyframes smoke {
	
  0% {-webkit-transform: translateY(0px);opacity:.5}
	  50% {-webkit-transform: translateY(-20px);opacity:0}
	  100%{opacity:0}
}

@-webkit-keyframes smoke2 {
	0%{opacity:0}
	    15% {-webkit-transform: translateY(0px);opacity:.5}
	  50% {opacity:0;-webkit-transform: translateY(-22px) scale(0.5);-moz-transform:translateY(-22px) scale(0.5);transform:translateY(-22px) scale(0.5);}
	  100%{opacity:0}
}
@-moz-keyframes smoke2 {
	0%{opacity:0}
   15% {-webkit-transform: translateY(0px);opacity:.5}
	  50% {opacity:0;-webkit-transform: translateY(-22px) scale(0.5);-moz-transform:translateY(-22px) scale(0.5);transform:translateY(-22px) scale(0.5);}
	  100%{opacity:0}
}
@-o-keyframes smoke2 {
	0%{opacity:0}
    15% {-webkit-transform: translateY(0px);opacity:.5}
	  50% {opacity:0;-webkit-transform: translateY(-22px) scale(0.5);-moz-transform:translateY(-22px) scale(0.5);transform:translateY(-22px) scale(0.5);}
	  100%{opacity:0}
}

@-webkit-keyframes smoke3 {
	0%{opacity:0}
	   20% {-webkit-transform: translateY(0px);opacity:.5}
	  	  50% {opacity:0;-webkit-transform: translateY(-24px) scale(0.4);-moz-transform:translateY(-24px) scale(0.4);transform:translateY(-24px) scale(0.4);}
	  100%{opacity:0}
}
@-moz-keyframes smoke3 {
	0%{opacity:0}
   20% {-webkit-transform: translateY(0px);opacity:.5}
	  	  50% {opacity:0;-webkit-transform: translateY(-24px) scale(0.4);-moz-transform:translateY(-24px) scale(0.4);transform:translateY(-24px) scale(0.4);}
	  100%{opacity:0}
}
@-o-keyframes smoke3 {
	0%{opacity:0}
  20% {-webkit-transform: translateY(0px);opacity:.5}
	  	  50% {opacity:0;-webkit-transform: translateY(-24px) scale(0.4);-moz-transform:translateY(-24px) scale(0.4);transform:translateY(-24px) scale(0.4);}
	  100%{opacity:0}
}

@-webkit-keyframes smoke4 {
	   0% {-webkit-transform: translateY(0px);opacity:.5}
	  50% {opacity:0;-webkit-transform: translateY(-26px) scale(0.3);-moz-transform:translateY(-26px) scale(0.3);transform:translateY(-26px) scale(0.3);}
	  100%{opacity:0}
}
@-moz-keyframes smoke4 {
   0% {-webkit-transform: translateY(0px);opacity:.5}
	  50% {opacity:0;-webkit-transform: translateY(-26px) scale(0.3);-moz-transform:translateY(-26px) scale(0.3);transform:translateY(-26px) scale(0.3);}
	  100%{opacity:0}
}
@-o-keyframes smoke4 {
   0% {-webkit-transform: translateY(0px);opacity:.5}
	  50% {opacity:0;-webkit-transform: translateY(-26px) scale(0.3);-moz-transform:translateY(-26px) scale(0.3);transform:translateY(-26px) scale(0.3);}
	  100%{opacity:0}
}

@-webkit-keyframes smoke5 {
	  0% {-webkit-transform: translateY(0px);opacity:.5}
	  50% {opacity:0;-webkit-transform: translateY(-28px) scale(0.2);-moz-transform:translateY(-28px) scale(0.2);transform:translateY(-28px) scale(0.2);}
	  100%{opacity:0}
}
@-moz-keyframes smoke5 {
   0% {-webkit-transform: translateY(0px);opacity:.5}
	  50% {opacity:0;-webkit-transform: translateY(-28px) scale(0.2);-moz-transform:translateY(-28px) scale(0.2);transform:translateY(-28px) scale(0.2);}
	  100%{opacity:0}
}
@-o-keyframes smoke5 {
  0% {-webkit-transform: translateY(0px);opacity:.5}
	  50% {opacity:0;-webkit-transform: translateY(-28px) scale(0.2);-moz-transform:translateY(-28px) scale(0.2);transform:translateY(-28px) scale(0.2);}
	  100%{opacity:0}
}

.sliderbtn {float:left}
.sliderbtn a {float:right;margin:0 0 0 10px;color:#333;font-size:16px;}
/*
a:focus, button:focus, input[type="submit"]:focus, input:focus, select:focus, .slider a:focus img, textarea:focus, 
input[type="checkbox"]:focus, .slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover { -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);    border: 1px dashed white;}
	*/
#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:#2d75e1 url(../images/accessibility.png) center center no-repeat !important;cursor:pointer;line-height:21px;padding:5px 10px ;border:1px solid #8cd021;text-align:center;position:fixed;left:0px;top:0px;z-index:999;}
.accessibility:hover, .accessibility:focus {color:#000000;filter: brightness(1) invert(1);}
.invertsite .accessibility:hover, .invertsite .accessibility:focus {filter: brightness(1) invert(1);}
.invertsite .slick-prev, .invertsite .slick-next {    filter: brightness(0) invert(1);background: none !important;}

.invertsite .bodyflexright p a img {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 .contactform input::-webkit-input-placeholder, .invertsite .contactform textarea::-webkit-input-placeholder {color: #fff !important;}
.invertsite .contactform input::-moz-placeholder, .invertsite .contactform textarea::-moz-placeholder {color: #fff !important;}
.invertsite .contactform input:-ms-input-placeholder, .invertsite .contactform textarea:-ms-input-placeholder {color: #fff !important;}
.invertsite .contactform input:-moz-placeholder, .invertsite .contactform textarea:-moz-placeholder {color: #fff !important;}

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

@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_bot > div::after, #leftcolumn {display:none}

	body, input, textarea, select, button, p, li {font-size: calc(16px + 4 * ((100vw - 320px) / 1240));}
	h1, .featurevideo .title,.featurevideo h3, .accordionplace .accordionitem h2 {font-size: 8vw;line-height:100%}
	h2, h3, h4, h5, h6, .sliderhome h2, .sliderhome h3, .smalltitle, #contactfooter .title, #contactfooter h3, .listflex .title {font-size: 6vw;}
	h3, h4, h5, h6, .mainabstract, .mainabstract p, .mainabstract li {font-size: 5vw;} 
	.newshomeplace a, .newslist .newsitem .title, .featuresprojects .feature .title {font-size:20px;}
	.sliderhome p {font-size: 4vw;}

	.featuresicons .title, .pagetitle h1 {font-size:40px}
	.featuresicons .moreabstract, .featuresicons .moreabstract p {    font-size: 18px;}

	.logo, .sticky .logo {margin:5px 0;flex: auto;}
	.logo img, .sticky .logo img {max-width: 125px;max-height: 45px;float:left;}
	header {padding:0;}
	header > .page {flex-direction: row-reverse;}

	.openmenu {display:block;width:30px;height:30px;position:relative;float:right;margin:5px 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:#8cd021;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 {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;}

	.menuplace, body:lang(he) .menuplace {z-index:999;transform: translateX(-100%);background: #07172d;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 a {color:#fff;padding:10px 5px;text-align:center;border-bottom: 1px solid #8cd021;font-size: 20px;font-weight:600}
	.mainmenu li li a, .mainmenu li li li a {padding:10px 5px;display:block;text-align:center;font-size: 16px;font-weight:500}

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

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

	.menuplace nav {float:none;padding:0;margin:0;border:0;position:static}

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

	.maincontent {margin:50px auto 0 auto;        overflow: hidden;}

	.indexcontent {width:100%;padding:0;     justify-content: flex-end;   z-index: 3;position: relative;height: 470px;}
	.indexcontent .h1 {font-size:54px;}
	.indexcontent .h1_2 {font-size:54px;}
	.sliderplacetop {width:100%}
	.sliderplace .slick-slide > div {height: 250px;}
	.topfeature {min-height:350px}
	.indexcontent .btn {    min-width: 180px;padding: 5px 26px;font-size: 16px;margin: 0;}

	.footeranimation {zoom: .3;}

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

	.contactform div {margin:0;}
	.downloaditem {padding: 0;}
	 
	.breadcrumbs {top: 5px;}
	.breadcrumbs li, .breadcrumbs a, .breadcrumbs span {font-size: 12px;}
	.featuresicons .feature {width:100%;        position: relative;}
	.features_colors .feature img, .features_colors .feature:nth-of-type(2n) img, .features_colors .feature:nth-of-type(3n) img {float:none;max-width:100%;margin:10px auto;}
		.featuresicons .feature:before {    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    pointer-events: none;top: 0;
    background: linear-gradient(to right, transparent 0%, rgba(120, 120, 120, 0.15) 10%, rgba(160, 160, 160, 0.35) 30%, rgba(200, 200, 200, 0.6) 50%, rgba(160, 160, 160, 0.35) 70%, rgba(120, 120, 120, 0.15) 90%, transparent 100%);}
		.featuresicons::before {display:none}
	.lightblueplace, .whiteplace, .blueplace {padding:20px 0;}
	.projecttabsinner {overflow:hidden}
	.docsplace {padding:10px 0;}
	.projecttabsbox {display:none}
	
	.smalltitle {margin:0 0 10px 0;font-weight:500;font-size:30px;}

	.featurepopup {width:100%;left:0;margin:0;}
	.features_bot, #contactfooter .page, .footerlinksplace {flex-wrap: wrap;}
	.content, .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, .featuresprojects .feature > div, .bodyflex .bodyflexright, .listflex > div, .bodyflex > div.gmap, .leftmenu2, .newslist .newsitem > div,
	.features_bot > div, #contactfooter .title, #contactfooter .contactform{float:none;width:100%;max-width:100%;margin:0 auto 20px auto;}
	.features_bot > div::before {display:none}
	.triplebox, .flextriplebox, .features_colors .feature, .features_solutions .feature, .features_bottom .feature, 
	.features_colors .feature:nth-of-type(2n), .features_colors .feature:nth-of-type(3n), .features_solutions .feature.nomargin,
	.viewedplace, .infoboxesplace, .productsplace .productbox, .content .imgside.imgtop, .content .imagesplace.imgtop, .imgside, .imagesplace,
	.managementitem, .bodyflex > div.bodyflexleft, .listchildrenplace > div {float:none;width:100%;max-width:460px;margin:0 auto 20px auto;}

	.sliderhome .page, .sliderhome .caption, .logindata {left:0;margin:0;width:100%;max-width:100%;padding:4%;}

	.features_solutions, .features_colors {display: flex;align-content: stretch;justify-content: space-between;flex-wrap: wrap;}

	.leftmenu {    flex-wrap: wrap;}

	.leftmenu a {margin: 10px;}
	#contactfooter .contactform {padding:0} 
	.newshomeplace:after {margin: 0px 0 0 -30px}
	.features_bot .title {font-weight: 500;
    font-size: 30px;}
	.accordionplace {height:auto;display: block;}
	.accordionplace .accordionitem {width:100%;flex: none;height: 200px;border-bottom:3px solid #fff}
	.accordionplace .accordionitem img {width: 100%;height: auto;}
	.accordionplace .accordionitem .abstract {padding: 20px 0;}
	.accordionplace .accordionitem:hover .abstract a:after {display:none}
	.tripleboxplace {display:block;float:left;width:100%;}
	.triplebox {overflow:visible}

	.featurevideo img {height: 100%;width: auto;position: absolute;max-width: none;}
	.featurevideo {height: 200px;}
	.featurevideo button {bottom: -120px;}

	.features_bottom .feature .title {font-size: 30px;margin: 0 0 10px 0;}
	.features_bottom .feature .abstract {border:none;border-bottom:1px solid #fff;min-height: 100px;}
	.features_bottom .feature img {    max-height: 40px;}
	.features_bottom .feature p {    font-size: 20px;}
	.features_bottom .feature .title:after {bottom: -5px;}

	.featuresprojects img {position:static;width:100%;}
	.featuresprojects .feature .imgplace {margin: 10px 0 0 0;}

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

	.downloaditem div {width:30%}
	.downloaditem .abstract {width:40%}

	.socialmediaheader, body:lang(he) .socialmediaheader {float:right}

	.credits {font-size:12px;margin:5px auto;padding:5px;}

	.popupplace {z-index: 998;overflow: hidden;}

	body:lang(he) .logo {float:left}
	.newslist .newsitem {display:block}
	.newslist .newsitem > div {min-height:0}
	.newslist .newsitem .imgplace img {width: 100%;position: static;-webkit-transform: translate(0, 0%);-ms-transform: translate(0, 0%);transform: translate(0%, 0%);}
	.newslist .newsitem .more {display:none}

	div .slick-next {right:0}

	div .slick-prev {left: -5px;}

	.projectslider .slick-dots {bottom:0}
	.projectslider .slick-arrow {bottom:-14px}
	.footerfeatures h2 {    font-size: 36px;}

	.downloaditem a {font-size: 12px;display: flex;align-items: center;}
	.strip {max-height:370px;height:250px}
	#strip {opacity:1;width:100%;height:100%;object-fit:cover;display:block;}
	
}

@media screen and (max-width: 1340px) 
{
	.page, .pagewide {padding:0 4%}
	
}

@media screen and (min-width: 1921px) and (max-width: 6000px) 
{
   header {width:1920px;left:50%;margin:0 0 0 -960px}
}

@media screen and (max-height: 800px) 
{
   .sliderhome .caption {display:none}
}

@media print 
{
	/*@page {size: A4 Portrait; }*/ 
    * {-webkit-print-color-adjust:exact;}
	h1, h2, h3, h4, h5, h6, h7, p, a, li {line-height:120%;color:#000 !important;}
	h1 {font-size:30px;margin:20px 0;}
	h2 {font-size:26px;} 
	h3 {font-size:20px;}
	h4 {font-size:18px;}
	p {line-height: 120%;font-size: 16px;}
	div, header, footer, a {color:#000 !important;background:none !important;}
	.page, .content, .imgside, .indexcontent, .bodytext, .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, .accessibility {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}

}