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:#2b76df;color:#ffffff;text-shadow: none;}::-webkit-selection {background:#2b76df;color:#ffffff;text-shadow: none;}::selection {background:#2b76df;color:#ffffff;text-shadow: none;}* {-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing: border-box;} ::-webkit-input-placeholder {color: #000000;}::-moz-placeholder {color: #000000;}:-ms-input-placeholder {color: #000000;}:-moz-placeholder {color: #000000;}html {font-size:100%;-webkit-text-size-adjust:none;-ms-text-size-adjust:none}ol {list-style-type:decimal;} nav ul{ display: inline;margin:0;list-style-type:none;list-style: none;}img { -ms-interpolation-mode: bicubic;display: block; max-width:100%;}main li ul, main li ol {margin:0 1.5em;}nav ul li {display:inline-block}ul li{margin:0;list-style: none;}.clear {clear:both;}input, textarea, select, button {line-height:normal;margin:0px;padding:0px;border:none;color: #000000;background:none;vertical-align: middle;}.error::-webkit-input-placeholder {color: #ff0000;}.error::-moz-placeholder {color: #ff0000;}.error:-ms-input-placeholder {color: #ff0000;}.error:-moz-placeholder {color: #ff0000;}em {font-style:italic}

body, h1, h2, h3, h4, h5, h6, input, textarea, select, button, p, li {font: normal 20px Assistant, Arial, Helvetica, sans-serif;}
body {font-size:20px;color:#000000;-webkit-animation: bugfix infinite 1s;overflow-x:hidden;font-weight:300;background:#ffffff;}
h1, h2, h3, h4, h5, h6, h7 {font-weight:300;color:#00367c;margin:0px 0px 20px 0px;line-height:100%;position:relative;}
h1 {font-size:86px;}

h2 {font-size:45px;}
h2:after {content:"";display:block;width:150px;height:2px;background:#6dab24;position:absolute;left:50%;bottom:-15px;margin:0 0 0 -75px}
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:5px 10px;width:100%;color:#00367c}
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;background:#e8ecef;} 
input[type="checkbox"] {float:left;margin: 0px 10px 0 0px;width:20px;height:20px;}

a,  a:link,  a:visited,  a:focus,  a:active{color:#2b76df;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:#ff0000;position:absolute;left:0;bottom:-13px;font-size:11px;}
.error {border-bottom:1px solid #ff0000;color: #ff0000;}

.alert{color:#ff0000;margin:0 0 20px 0;font-size:12px;display:none}
.mandatoryContact:before, .mandatory:before {content: "*";display: block;color: #ff0000;position: absolute;left: 0px;top: 5px;}
.mandatoryContacts span {display:inline-block;position:relative;padding:0 10px}
.mandatoryContacts span:before {content: "*";display: block;color: #ff0000;position: absolute;left: 0px;top: 5px;}
.leftside {float:left;width:49%}
.rightside {float:right;width:49%}
.whiteimg {filter: brightness(0) invert(1);}
.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:998;background: #ffffff}
header.sticky {-moz-box-shadow: 0px 0px 10px rgba(100,100,100,0.5);-webkit-box-shadow: 0px 0px 10px rgba(100,100,100,0.5);box-shadow: 0px 0px 10px rgba(100,100,100,0.5);}

.page, .pagewide {position:relative;max-width:1255px;margin:auto;}
.pagewide {max-width:1460px}

.logo {margin:13px 0;display: block;float:left;}
.logo img {max-width:180px;max-height:70px}

.menuplace nav {padding:0 0px 0 10px;border-left:1px solid #888888;margin:25px 0px 0 0px;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:#606060;display:block;text-align:center;line-height:110%;padding:10px 15px;}
.mainmenu a:hover, .mainmenu a:focus, .mainmenu li.this > a {color:#00367c;}
.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:8px 10px;border-bottom:1px solid #999;text-align:initial;display:block;color:#00367c;text-align:center}
.mainmenu li li a:hover, .mainmenu li li a:focus, .mainmenu li li.this > a {background:#6dab24;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:#363636;display:block;text-align:center;line-height:110%;padding:10px 15px;}
.topmenu a:hover, .topmenu a:focus, .topmenu li.this > a {color:#000000;text-shadow: 0px 0px 1px #000000;}
.topmenu li li {float:left;margin:0 3% 3% 0;}
.topmenu li li a {color:#ffffff;padding:6px 0;border-bottom:2px solid #666;text-align:initial;display:block}
.topmenu li li a:hover, .topmenu li li a:focus, .topmenu li li.this > a {color:#ffffff;border-bottom:2px solid #fff;}
.topmenu li li li {float:none;display:block;    margin: 0;}
.topmenu li li li a {color:#ffffff; border:none;border-bottom:1px solid transparent;text-align:initial}
.topmenu li li li a:hover, .topmenu li li li a:focus, .topmenu li li li.this > a {color:#fff;border-bottom:1px solid #fff;}

.mainmenu li:hover > .dropmenuplace, .topmenu li:hover > .dropmenuplace, .dropmenuplace.show-menu {opacity: 1;display:block}
.dropmenuplace {position: absolute;top: 40px;left: 50%;z-index: 1;opacity: 0;width: 240px;margin:0 0 0 -120px;display: none;background: #fff\9;background: rgba(255, 255, 255, 0.9);-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;}

.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: #2b76df;float:left;font-weight:600}
div .more:after {content:">>";display:inline-block;margin: 0px 5px 0 0;}

div input[type="submit"] {width: auto;border:none;display: inline-block;margin: 20px auto;background: #2b76df;color: #ffffff;min-width: 150px;text-align: center;padding: 10px 25px;}
div input[type="submit"]:hover, div input[type="submit"]:focus {background: #575757;}

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

div .slick-dots {bottom:40px;} 
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;}

.maincontent {margin:90px 0 0 0;display:block;position:relative}
#maintitleplace {background:#1C3B72 ;}

.strip {overflow:hidden;max-height:370px;}
#strip {height:370px;max-width:none;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:#2b76df 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;
}

.newslist .newsitem {display: flex;align-content: space-between;justify-content: space-between;flex-wrap: wrap;}
.newslist .newsitem > div {width:50%;position:relative;min-height:400px;}
.newslist .newsitem .imgplace {overflow:hidden}
.newslist .newsitem .imgplace img {-webkit-transform: translate(0, 0%);-ms-transform: translate(0, 0%);transform: translate(-50%, -50%);position: absolute;top: 50%;left: 50%;}
.newslist .newsitem .abstract {padding:4% 6%;background:#e8ecef;}
.newslist .newsitem .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;}
.newslist .newsitem .title {color:#00367c;font-size:30px;margin:0 0 30px 0;position:relative}
.newslist .newsitem .title:after {content:"";display:block;width:150px;height:2px;background:#6dab24;position:absolute;right:0%;bottom:-15px;}
.newslist .newsitem a {color:#000}
.newslist img {position:absolute;left:0;top:0;}
.newslist .newsitem:nth-of-type(even) {flex-direction: row-reverse;}
.newslist .newsitem:nth-of-type(even) .abstract:after {right:auto;left:-30px;border-width: 30px 30px 30px 0;border-color: transparent #e8ecef transparent transparent;}
.newslist .newsitem .date {font-weight:600}

.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:#00367c;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:#00367c;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 {margin:35px 0;}

.bodyflex {display: flex;align-content: space-between;justify-content: space-between;flex-wrap: wrap;background:#f9f9f9;overflow: hidden;}
.bodyflex > div {width:50%;position:relative;z-index: 1;}
.bodyflex .bodyflexright {padding:6%;z-index: 2;}

.imagesplace:after {content:"";display:block;position:absolute;right:0px;top:50%;margin:-30px 0 0 0;width: 0;height: 0;border-style: solid;border-width: 30px 30px 30px 0;border-color: transparent #f9f9f9 transparent transparent;}

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

.indexcontent {padding:60px 0;text-align:center;max-width:1000px}
.indexcontent img {margin:auto}
.indexcontent h1 {font-size:45px;margin:0 0 30px 0;}
.indexcontent h1:after {content:"";display:block;width:150px;height:2px;background:#6dab24;position:absolute;left:50%;bottom:-15px;margin:0 0 0 -75px}

.hometext {width:49%;float:left;}
.hometext h2 {color:#2b76df;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:#00367c;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:#2b76df;}
.newshome .abstract {overflow:hidden}
.newshome .date {color:#2b76df; padding: 0 10px;}

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

.breadcrumbs {position:absolute;left:0;bottom:-35px;background:#e8ecef;padding:5px;display:block;width:100%;z-index: 2;}
.breadcrumbs:after {content:"";display:block;position:absolute;left:50%;bottom:-30px;margin:0px 0 0 -30px;width: 0;height: 0;border-style: solid;border-width: 30px 30px 0 30px;border-color: #e8ecef transparent transparent transparent;}

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

.pagetitle {position:absolute;left:0;top:35%;width:100%}
.pagetitle h1 {color:#fff;text-align:center;    text-shadow: 0px 3px 6px #00367c;}

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

.leftmenu {text-align:center;padding:50px 0 60px 0;} 
.leftmenu li {display:inline-block;}
.leftmenu a {display:block;color:#666;position:relative;margin:0px 20px;}
.leftmenu a:after {height:2px;width:100%;content:"";display:block;position:absolute;left:0;bottom:-10px;background:#00367c}
.leftmenu a:hover:after, .leftmenu a.this:after {height:10px;background:#6dab24;}
.leftmenu a:hover, .leftmenu a.this, .leftmenu a:focus {color:#00367c;}
.leftmenu a.this {font-weight:600}
.leftmenu .level2, .leftmenu .level3 {display:none}

.leftmenu2 {float:right;width:22%;background: #e8ecef;padding:30px 10px;margin:0 0 0 50px;}
.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:#2b76df;}

.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 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-content:stretch;flex-wrap: wrap;/*justify-content: center;*/}
.quadruple {width:22%;position:relative;margin:1.5%;text-align:initial;overflow:hidden}
.quadruple .title, .quadruple h3 {color:#fff;margin:5px 10px;font-size:20px;text-shadow:0 0 5px #000;position:relative}
.quadruple .abstract {position:absolute;left:0;bottom:0;padding:35% 0 0 0;height:60%;width:100%;display: flex;align-content:stretch;flex-wrap: wrap;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00367c+0,00367c+26,00367c+100&0+0,0.7+26,0.7+100 */
	background: -moz-linear-gradient(top, rgba(0,54,124,0) 0%, rgba(0,54,124,0.7) 26%, rgba(0,54,124,0.7) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,54,124,0) 0%,rgba(0,54,124,0.7) 26%,rgba(0,54,124,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,54,124,0) 0%,rgba(0,54,124,0.7) 26%,rgba(0,54,124,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000367c', endColorstr='#b300367c',GradientType=0 ); /* IE6-9 */
}
.quadruple a {display:block;color:#fff;}
.quadruple a:hover .abstract, .quadruple a:focus .abstract {padding:0;height:100%;    align-content: center;justify-content: center;}
.quadruple a:hover .abstract h3, .quadruple a:focus .abstract h3 {text-align:center}
.quadruple a:hover .abstract h3:after, .quadruple a:focus .abstract h3:after {content: "";display: block;width: 150px;height: 2px;background: #6dab24;position: absolute;left: 50%;bottom: -15px;margin: 0 0 0 -75px;}
.quadruple a:hover .abstract h3:before, .quadruple a:focus .abstract h3:before {content: "";display: block;position: absolute;left: 50%;bottom: -105px;background: url(../images/playsmall.png) center center no-repeat;width: 100px;height: 100px;margin: 0 0 0 -50px;}
.quadruple .imgplace {height:320px;overflow:hidden}
.quadruple img {margin:auto;height:320px;max-width:none;width:auto}
.quadruple:hover {-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);}

.listflex {display: flex;align-content:stretch;flex-wrap: wrap;justify-content: center;background:#f9f9f9;}
.listflex > div {width:50%;padding:1% 4% 4% 4%;position:relative}
.listflex > div:first-of-type:after {    z-index: 2;content: "";display: block;position: absolute;left: -30px;top: 50%;margin: -30px 0px 0 0px;width: 0;height: 0;border-style: solid;border-width: 30px 30px 30px 0;border-color: transparent #f9f9f9 transparent transparent;}
.listflex > div:nth-of-type(2n) {background:#e8ecef;}
.listflex .title {font-size:45px;color:#00367c;margin:0 0 30px 0;border-bottom:2px solid #6dab24}

.listchildrenplace {display: flex;align-content:stretch;flex-wrap: wrap;justify-content: space-between;}
.listchildrenplace > div {width:50%;margin:0 0 40px 0;font-size:25px;color:#000;}
.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 #2b76df;overflow:hidden}
.listitem .title {display:inline-block;padding:10px;background:#2b76df;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 #2b76df;color:#2b76df; padding:10px 15px;}
.listitem li {font-size:14px;}
.listitem.noborder .abstract {border:none;border-top:1px solid #2b76df;}

.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:#00367c;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: #00367c; 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 {padding:20px 0;margin:20px 0;border-bottom:1px dashed #6dab24;border-top:1px dashed #6dab24;overflow: hidden;}
.docsplace a {display:block;color:#000000;clear: both;margin: 10px 0;text-align: initial;text-decoration:underline;}
.docsplace a:hover, .docsplace a:focus {text-decoration:underline}
.docsplace img {float:left;margin:3px 10px 0 0;}
.docsplace .title {display:none;color: #2b76df;margin: 0 0 5px 0; font-size: 16px;}

.linksplace {padding:20px 0;margin:0 0 30px 0;border-bottom:1px dashed #6dab24;overflow: hidden;}
.linksplace a {display:block;color:#000000;font-size:14px;    clear: both;margin: 10px 0;text-decoration:underline;text-align: initial;}
.linksplace a:hover, .linksplace a:focus {text-decoration:underline}
.linksplace img {float:left;margin:-2px 10px 0 0;max-height:23px;}
.linksplace .title {display:none;color: #2b76df;margin: 0 0 5px 0; font-size: 16px;}

.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:#2b76df;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"] {width:150px;margin:auto;color:#fff;float:none;display:block}
.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:40px 0 0 0;position:relative}
#contactfooter:after {content:"";display:block;position:absolute;left:50%;top:-30px;margin:0px 0 0 -30px;width: 0;height: 0;border-style: solid;border-width: 0 30px 30px 30px;border-color: transparent transparent #ffffff transparent;}
#contactfooter .title, #contactfooter h3 {font-size:34px;color:#00367c;text-align:center;margin:0 0 10px 0;}
#contactfooter .contactform {}
#contactfooter .contactform.opened {display:block}
#contactfooter .contactform label {margin:0 0 20px 0;}
#contactfooter .contactform input, #contactfooter .contactform select, #contactfooter .contactform textarea {color:#00367c;}
#contactfooter .contactform ::-webkit-input-placeholder {color: #00367c;}
#contactfooter .contactform ::-moz-placeholder {color: #00367c;}
#contactfooter .contactform :-ms-input-placeholder {color: #00367c;}
#contactfooter .contactform :-moz-placeholder {color: #00367c;}
#contactfooter .contactform input[type="submit"] {color:#fff;}
#contactfooter .contactform input[type="submit"]:hover, #contactfooter .contactform input[type="submit"]:focus {background-color:#00367c;}
#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: #2b76df;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%;}

.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:#2b76df;}

.infobox {border:1px solid #cccccc;margin:0 0 30px 0;}
.infobox .abstract {padding:10px;}
.infobox a {color:#575757;display:block}
.infobox .title {color:#2b76df;font-size:14px; }
.infobox .more {background:none;border:none;color:#2b76df;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:#2b76df;}
.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:#e8ecef;border:none;font-weight: 600;
    color: #00367c;}
.downloaditem {padding:10px 20px;display: flex;align-content: stretch;justify-content: space-between;flex-wrap: wrap;border-bottom:1px dashed #6dab24;}
.downloaditem div {width:20%;font-weight: 500;}
.downloaditem img {float:left;margin:-2px 10px 0 0;}
.downloaditem a {color:#000000;display:block;margin:2px 0;font-weight: 500;}
.downloaditem a:hover, .downloaditem a:focus {color:#2b76df;}
.downloaditem .abstract {width:60%;}
.downloaditem .title {font-weight:600;color: #00367c;}

.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:#2b76df;}
.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:#2b76df; padding:10px;border-bottom:1px solid #2b76df;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:#2b76df;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:#2b76df;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:#2b76df;}

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

.videoitem .title {color:#fff; }
.videoitem .abstract {background:#2b76df;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='#2b76df',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:#2b76df;}
.imageitem a:hover .imgplace, .imageitem a:focus .imgplace {border:1px solid #2b76df;}

.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 {margin:5px 0px 5px 0px;}
.sitemap a {color:#000000;font-size:18px;font-weight:600;}
.sitemap a:hover, .sitemap a:focus {color:#2b76df;text-decoration:underline}

footer {padding:40px 0 0 0;background:#6dab24;position:relative}

.bannerplace {float:right;width:40%}
.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}
.banner .title, .banner h5 { color:#fff;font-weight:600;margin:0 0 10px 0;}
.banner p {font-size:16px;}

.socialmedia {width:15%;float:left;}
.socialmedia img {max-width:60px;max-height:60px;margin:0px auto 10px auto;}

.footerlinksplace {float:left;width:40%;}
.footerlinksbox {width:50%;float:left}
.footerlinksbox a {color:#fff;margin:0 0 5px 0;display:block;font-size:16px;}
.footerlinksbox a:hover, .footerlinksbox a:focus {text-decoration:underline;color:#000;}
.footerlinksbox .title {color:#fff;margin:0 0 5px 0;font-weight:600;font-size:16px;}
.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;color:#666;text-align:center;background:#e8ecef;font-size:16px;}
.credits a {color:#000;}
.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 #2b76df;padding:5px 10px;font-size:14px;}
.languages a:hover, .languages a:focus {background:#2b76df;}

.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:#2b76df}

.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:99;opacity:1;height:100%;}

.shoppingcartplace {float:right;position:relative;}
.shoppingcarticon {border: none;background: url(../images/cart.png) center center no-repeat;width: 30px;height: 79px;margin: 0 10px 0 10px;float: right;position: relative;background-size: contain;padding: 0;}
.shoppingcart:hover .togglecart, .shoppingcart:focus .togglecart, .shoppingcart.opened .togglecart, .togglecart.opened {display:block}
.shoppingcarticon .numof {color: #fff;background: #e12127;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;position: absolute;width: 18px;height: 18px;margin: 0 0 0 -7px;left: 50%;top: 10px;font-size: 12px;line-height: 150%;text-align: center;}

.togglecart {position:absolute;left:0;top:60px;background: #ffffff;width:300px;z-index: 2;padding:10px;color:#000000;-moz-box-shadow: 0px 0px 10px rgba(100,100,100,0.5);-webkit-box-shadow: 0px 0px 10px rgba(100,100,100,0.5);box-shadow: 0px 0px 10px rgba(100,100,100,0.5);}

.cartplace .title {text-align:center;padding:5px;color: #fff;background: #2b76df;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: #2b76df;color: #ffffff;text-align: center;padding: 10px 10px;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}
.cartplace .cap:hover, .cartplace .cap:focus, .btnorder:hover, .btnorder:focus {background: #575757;}

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

.similarplace {float:left;width:100%;text-align:center;margin:40px 0 0 0}
.similarplace h3 {    display: inline-block;font-size: 30px;color: #000000;padding: 15px 10px;border-bottom: 1px solid #cccccc;position: relative;margin: 0 0 20px 0;}
.similarplace h3:after {    content: "";display: block;width: 100px;position: absolute;bottom: -1px;left: 50%;height: 1px;background: #e12128;margin: 0 0 0 -50px;}
.similarslider {padding:2%;text-align:center}
.similarslider .slide {padding:2%}
.similarslider .title {color:#000;margin:10px 0;}
.similarslider .imgplace img {margin:auto;max-height:300px;}
.similarslider a {color:#000000;display:block}
.similarslider a:hover, .similarslider a:focus {color:#e12127;}
.similarslider a:hover img, .similarslider a:focus img {-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}

.slider-nav {margin:0 auto;background:#f2f2f2;}
.slider-nav .slick-slide {height:120px;/*width:100px;*/border:5px solid transparent;overflow:hidden;margin:20px;background:#fff;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.slider-nav .slick-slide img {height:120px;max-width:none;cursor:pointer;margin:auto;/*background:#ccc;*/}
.slider-nav .slick-slide.slick-current {border:5px solid #999999;}
.slider-nav .slick-next, .slider-nav .slick-prev {bottom: 20px;}
.slider-nav .slick-prev, .slider-nav .slick-prev:hover, .slider-nav .slick-prev:focus {left:auto;right:-60px;background: #ccc url(images/right.png) center center no-repeat;}
.slider-nav .slick-next, .slider-nav .slick-next:hover, .slider-nav .slick-next:focus {right:auto;left:-60px;background: #ccc url(images/left.png) center center no-repeat;}
.slider-for {background:#f2f2f2;}
.slider-for img {margin:auto;max-height:600px;max-width:none}
.slider-for div  {height:600px;}

.projectbody {float:right;width:35%;}
.projectslider {float:left;width:60%;background:#f4f3f3;}

.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:#00367c;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:#00367c;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: #00367c;transform: skew(-20deg, 0deg);}
.chevron:after {content: '';position: absolute;top: 18px;left: 0;height: 28px;width: 40px;background: #00367c;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,
.quadruple a { -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;
outline-offset: 2px;    
outline: 2px solid black;}

#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 #2b76df;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 {display:none}

	body, input, textarea, select, button, p, li {font-size: calc(14px + 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;}

	.page, .pagewide {width:94%}

	.logo, .sticky .logo {float:left;margin:5px 0;}
	.logo img, .sticky .logo img {max-width: 125px;max-height: 45px;}

	.openmenu {display:block;width:30px;height:30px;position:relative;float:right;margin:10px 0px 0 10px;background:none;border:none;padding:0;}
	.openmenu span, .openmenu div:after, .openmenu div:before {border-radius: 3px;display:block;height:6px;background:#2b76df;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: #fff;position:fixed;left:-10px;top:0px;width:86%;margin:0;height: 100vh;height: calc(var(--vh, 1vh) * 100);-moz-box-shadow:5px 5px 5px rgba(0,0,0,.3);-webkit-box-shadow:5px 5px 5px rgba(0,0,0,.3);box-shadow:5px 5px 5px rgba(0,0,0,.3);}
	.mainmenu, .sticky .mainmenu {display:block;width: 100%;height: 100%;padding: 0;position: absolute;top: 0px;left: 0%;margin: 0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;background: inherit;-webkit-overflow-scrolling: touch;overflow: scroll;overflow-x: hidden;overflow-y: auto;}
	.mainmenu li, .mainmenu li li, .mainmenu li li li {float:none;margin:0;position:relative;display:block;width:100%;max-width:100%}
	.mainmenu li.this > a {background: #2b76df;}
	.mainmenu > li a {color:#000000;padding:10px 5px;text-align:center;border-bottom: 1px solid #2b76df;font-size: 20px;font-weight:600}
	.mainmenu li li a, .mainmenu li li li a {padding:10px 5px;display:block;text-align:center;border-bottom: 1px solid #2b76df;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%;}

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

	.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 {bottom: -32px;}

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

	.lightblueplace, .whiteplace, .blueplace {padding:20px 0;}

	.docsplace {padding:10px 0;}

	#columns {margin: 32px 0;}
	#strip {    height: 100px !important;}
	.featurepopup {width:100%;left:0;margin:0;}

	.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 {float:none;width:100%;max-width:100%;margin:0 auto 20px auto;}

	.triplebox, .flextriplebox, .features_colors .feature, .features_solutions .feature, .features_bottom .feature, 
	.features_colors .feature:nth-of-type(2n), .features_colors .feature:nth-of-type(3n), .features_solutions .feature.nomargin,
	.viewedplace, .infoboxesplace, .productsplace .productbox, .content .imgside.imgtop, .content .imagesplace.imgtop, .imgside, .imagesplace,
	.managementitem, .quadruple, .bodyflex > div.bodyflexleft, .listchildrenplace > div {float:none;width:100%;max-width:320px;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 {    padding: 40px 0 30px 0;}

	.leftmenu a {margin: 10px;}

	.newshomeplace:after {margin: 0px 0 0 -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;}
}

@media screen and (min-width: 768px) and (max-width: 1239px) 
{
	.page, .pagewide {width:94%}
	body, h1, h2, h3, h4, h5, h6, input, textarea, select, button, p, li {font: normal 16px Assistant, Arial, Helvetica, sans-serif;}
	h1 {font-size: 6vw;}
	h2, h3, h4, h5, h6, .sliderhome h2, .sliderhome h3, .smalltitle, .features_bottom .feature .title {font-size: 4vw;}
	#contactfooter .title, #contactfooter h3 {font-size: 35px;}
	h3, h4, h5, h6, .mainabstract, .mainabstract p, .mainabstract li {font-size: 3vw;}
	
	.sliderhome p {font-size: 2vw;}
	.features_solutions .feature, .features_colors .feature, .features_bottom .feature {padding:2%}
	#contactfooter {right:0;top:auto;bottom:0;}
	.opencontact {padding:10px;background-position:center center;text-indent:-1000px;overflow:hidden;width: 40px;height: 40px;}
	.accordionplace .accordionitem h2 {    font-size: 64px;}
	.sliderhome .page, .sliderhome .caption {left:0;margin:0;width:100%;max-width:100%;padding:4%;}
	.featuresprojects img, .imagesplace img {width: 100%;}
	.featuresprojects .feature .abstract {padding: 2%;}
	.footeranimation {zoom: .8;}
}

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

}