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

body, h1, h2, h3, h4, h5, h6, input, textarea, select, button, p, li {font: normal 18px Heebo, Arial, Helvetica, sans-serif;}
body {font-size:16px;color:#000000;-webkit-animation: bugfix infinite 1s;overflow-x:hidden;font-weight:500;background:#fff url(../images/bgmain.jpg) center 10px no-repeat;}
h1, h2, h3, h4, h5, h6, h7 {font-weight:600;color:#734dc4;margin:0px 0px 10px 0px;line-height:100%;}
h1 {font-size:30px;margin:0px 0px 20px 0px;}
h2 {font-size:24px;}
h3 {font-size:20px;}
h4 {font-size:20px;}
h5 {font-size:16px;}
p {margin:0px 0px 15px 0px;line-height:120%;} 

input, textarea, select, button {padding:10px 15px;width:100%;background:#fff;}
select {padding:9px 10px;}
input:hover, textarea:hover, select:hover, input:focus, textarea:focus, select:focus {}
 
label {position:relative;display:block;margin:0 0 35px 0;} 
input[type="checkbox"] {float:left;margin: 0px 10px 0 0px;width:20px;height:20px;}

a,  a:link,  a:visited,  a:focus,  a:active{color:#0088b4;text-decoration:none;outline-style:none;}
a:hover, a:focus {color:#000000;}   
    
div, span, a, header, footer, :before, :after, img, input, textarea, button, p, h2, h3, ul, li {transition: all 0.20s ease-in-out;-o-transition: all 0.20s ease-in-out;-ms-transition: all 0.20s ease-in-out;-moz-transition: all 0.20s ease-in-out;-webkit-transition: all 0.20s ease-in-out;}
.errorplace, .answer, .loginplace, .forgotpass, .login, .toggledata, .simpleslider, .logosslider, .newsslider {transition:none;-o-transition:none;-ms-transition:none;-moz-transition:none;-webkit-transition:none;}

div:after, header:after, footer:after {content: "";display: table;clear: both;}
.loading, .errorplace, .dnone, .togglecart, .openmenu, .slick-slider:after, .slick-slider div:after, .imagesplace:after, .moremenu {display: none;}
.errorplace {color:#ff0000;position:absolute;left:0;bottom:-20px;font-size:12px;}
.error {border-bottom:1px solid #ff0000;color: #ff0000;}

.alert{color:#ff0000;margin:0 0 20px 0;font-size:12px;display:none}
.mandatoryContact:before, .mandatory:before {content: "*";display: block;color: #ff0000;position: absolute;left: 0px;top: 8px;}
.mandatoryContacts span {display:inline-block;position:relative;padding:0 10px}
.mandatoryContacts span:before {content: "*";display: block;color: #ff0000;position: absolute;left: 0px;top: 5px;}
.leftside {float:left;width:49%}
.rightside {float:right;width:49%}
.whiteimg {filter: brightness(0) invert(1);}
iframe {max-height:500px;width:100%;}
.middleimg {position:relative}
.middleimg img {-webkit-transform: translate(0, 0%);-ms-transform: translate(0, 0%);transform: translate(-50%, -50%);position: absolute;top: 50%;left: 50%;}

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

header {padding:70px 0 0 0}

.page {position:relative;width:980px;margin:auto;}

.logo {display: block;position:absolute;left:0;top:20px;}
.logo img {max-width:140px;max-height:50px}

.menuplace {position:relative;margin:15px 0;}
.menuplace .page {position:static;}
.menuplace ul {margin:0;}

.mainmenu {display:block;display: flex;align-content:stretch;justify-content:center;flex-wrap: wrap;}
.mainmenu li {position:relative}
.mainmenu li a.home {width:85px;height:42px;background: url(../images/home.png) center center no-repeat;}
.mainmenu li a.home:hover, .mainmenu li a.home:focus {background-color:#734dc4}
.mainmenu > li a {color:#ffffff;display:block;text-align:center;line-height:110%;padding:8px 25px;font-weight:600;font-size:24px;border-left:3px solid #fff}
.mainmenu > li:last-of-type a {border:none}
.mainmenu a:hover, .mainmenu a:focus, .mainmenu li.this > a {background:#734dc4}
.menuplace ul ul {display: flex;align-content:stretch;justify-content:space-between;flex-wrap: wrap;}
.menuplace ul ul ul {display:block}
.mainmenu li li {float:left;}
.mainmenu li li a {color:#ffffff;padding:10px 10px;text-align:initial;display:block}
.mainmenu li li a:hover, .mainmenu li li a:focus, .mainmenu li li.this > a {}
.mainmenu li li li {float:none;display:block;    margin: 0;}
.mainmenu li li li a {text-align:initial}
.mainmenu li li li a:hover, .mainmenu li li li a:focus, .mainmenu li li li.this > a {}

.topmenu {display:block;display: flex;align-content:stretch;justify-content:space-between;flex-wrap: wrap;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 {padding:10px;position: absolute;top: 49px;left: 0px;z-index: 1;opacity: 0;width: 100%;display: none;background: #0088b4;}
.topmenu .dropmenuplace {top: 59px;}

.logosplace {position:absolute;right:0;top:15px;}
.logosplace a {float:right;margin:0 0 0 20px;display:block;position:relative;}
.logosplace a img {margin:5px 0 0 0}
.logosplace a:nth-of-type(3n) img {margin:10px 0 0 0}
.logosplace a:nth-of-type(4n) img {margin:-2px 0 0 0}

.decoration {background: url(../images/bg.png) 75% center no-repeat;height:260px;position:relative;}
.decoration img {}
.decoration a {display:block;margin:-30px 0 0 150px;float:left;}

a.openlogin {display:none;background: url(../images/login.png) center center no-repeat;width: 30px;height: 30px;float:right;margin:25px 0 0 10px}
a.openlogin:hover, a.openlogin:focus, .openlogin.opened {filter: brightness(0) invert(0);}

#openlogin2 {position:relative;float: right;}
a.openlogin2 {display:block;background: url(../images/glob.png) center center no-repeat;width: 30px;height: 30px;float:right;margin:25px 0 0 10px}
a.openlogin2:hover, a.openlogin2:focus {filter: brightness(0) invert(0);}

a.opensearch {background: url(../images/search.png) center center no-repeat;width: 30px;height: 30px;float:right;margin:25px 0 0 10px;}
a.opensearch:hover, a.opensearch:focus, .opensearch.opened {filter: brightness(0) invert(0);}

.socialmediaheader {display:block;margin:25px 0 0 0;float:right}
.socialmediaheader li {display:block;margin:0 0 0 10px;float:left;}
.socialmediaheader a:hover img, .socialmediaheader a:focus img {filter: brightness(0) invert(0);}
.socialmediaheader a img {max-width:30px;max-height:30px;}

.searchplace {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, div input[type="submit"] {width: auto;border:none;display: inline-block;margin: 20px auto;background: #fff;color: #000;min-width: 150px;text-align: center;padding: 10px 25px;float:right;font-weight:600}
div .more:hover, div .more:focus, div input[type="submit"]:hover, div input[type="submit"]:focus {background: #8995fd;}

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

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

div .slick-prev {left:2%;}
div .slick-next {right:2%}
div .slick-next:before, div .slick-prev:before {color: #000;}

#maintitleplace {margin:60px 0 0 0}

.sliderhome {margin: 0 0 30px 0;position: relative;overflow:hidden;}
.sliderhome div, div .slick-dotted.slick-slider {max-height:310px;margin:0;}
.sliderhome .caption {position: absolute;bottom: 10%;left: 0%;width:100%}
.sliderhome h2 {font-size:48px;color:#ffffff;text-shadow:0 0 10px #000;text-align:center}
.sliderhome h3 {font-size:24px;color:#ffffff;}
.sliderhome p {font-size:24px;color:#ffffff;}
.sliderhome img {}

.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);}
.accessibilityview {display:none;position:absolute;bottom:0;left:0;width:100%;padding:10px;background: #000000\8;background: rgba(0, 0, 0, 0.8);color:#fff;height:100%;}

.slidetodown {width:30px;height:30px;border:1px solid #ffffff;position:absolute;left:50%;bottom:20px;margin:0 0 0 -20px;background:#0088b4 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}

.bigtitle {font-size:30px;margin:0 0 10px 0;color:#734dc4;font-weight:600;text-align:center;line-height: 100%;}
.features_bottom .bigtitle span {line-height:220px;display:inline-block;margin: 0 220px 0 0;float:right}
.features_bottom .bigtitle img {display:inline-block;max-height:200px;margin: 0 0px 0 220px;float:left}

.features_solutions {display: flex;align-content:stretch;justify-content:center;flex-wrap: wrap;margin:0 0 40px 0;}
.features_solutions .feature {width:33%;margin:1%;}
.features_solutions .feature a {background:#e6972e;color:#fff;font-size:30px;padding:6%;text-align:center;line-height:120%;display: block;-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;min-height:115px;}
.features_solutions .feature:nth-of-type(2n) a {background:#734dc4;}
.features_solutions .feature a:hover {background:#0088b4;}
.features_solutions .feature img {max-height:200px;max-width:200px;margin:auto}
.features_solutions .feature .title {text-align:center}

.features_colors {display: flex;align-content:stretch;justify-content:space-between;flex-wrap: wrap;margin:40px 0;}
.features_colors .feature {width:27%;float:left;margin:1% 2%;padding:20px 30px;text-align:center;background:#86e3fa;display:block;font-size:24px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;position:relative;font-weight:400;line-height: 120%;}
.features_colors .feature:before {content:"1";display:block;font-size:200px;color:#734dc4;position:absolute;right:-90px;top:-60px;font-weight:600;line-height: 100%;}
.features_colors .feature:nth-of-type(2n):before {content:"2";color:#e6972e;}
.features_colors .feature:nth-of-type(3n):before {content:"3";color:#c2abf2;}

.features_bottom {margin:0 0 60px 0;}
.features_bottom iframe {width:100%;}

.features_youtube {margin:0 auto 20px auto;max-width:68%;}
.features_youtube iframe {width:100%;}
.features_youtube .title {font-size: 30px;margin: 0 0 10px 0;color: #734dc4;font-weight: 600;text-align: center;line-height:100%}

.featuresplace {}
.featurenumber {width:32.6%;overflow:hidden;max-height:200px;position:relative;margin:1% 1% 0 0;float:left}
.featurenumber.nomargin {margin:1% 0 0 0;}
.featurenumber .title {color:#fff; padding:10px 0}
.featurenumber .abstract {display: flex;align-items:flex-end;flex-wrap: wrap;position:absolute;left:0;bottom:0;width:100%;padding:40px 20px 0px 20px;z-index:2;}
.featurenumber .moreabstract {display:none;opacity:0}
.featurenumber a {color:#fff;display:block;}
.featurenumber a:before {height:100%;width:100%;content:"";display:block;position:absolute;left:0;bottom:0;background: -moz-linear-gradient(top, rgba(5,58,87,0) 40%, rgba(5,58,87,0.95) 80%, rgba(5,58,87,1) 100%); background: -webkit-linear-gradient(top, rgba(5,58,87,0) 40%,rgba(5,58,87,0.95) 80%,rgba(5,58,87,1) 100%); background: linear-gradient(to bottom, rgba(5,58,87,0) 40%,rgba(5,58,87,0.95) 80%,rgba(5,58,87,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00575757', endColorstr='#575757',GradientType=0 ); }
.featurenumber 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) 40%, rgba(0,139,200,1) 100%); background: -webkit-linear-gradient(top, rgba(0,139,200,0) 0%,rgba(0,139,200,0.95) 40%,rgba(0,139,200,1) 100%); background: linear-gradient(to bottom, rgba(0,139,200,0) 0%,rgba(0,139,200,0.95) 40%,rgba(0,139,200,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00008bc8', endColorstr='#008bc8',GradientType=0 ); }
.featurenumber a:hover .moreabstract, .featurenumber a:focus .moreabstract {display:block;opacity:1}
.featurenumber a:hover:after, .featurenumber a:focus:after {opacity:1}

.clientsplace {display: flex;align-content:stretch;justify-content:space-between;flex-wrap: wrap;}
.clientsplace li {width:31%;float:left;margin:1%;border:1px solid #734dc4;padding:20px;}
.clientsplace li img {margin:auto}

.whiteplace {}

.indexcontent {padding: 0 4%;}

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

.newshomeplace h2 {margin:0 0 30px 0;}
.newshomeplace .moreabout {float:right;margin:0;}
.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:#0088b4;}
.newshome .abstract {overflow:hidden}
.newshome .date {color:#0088b4; padding: 0 10px;}
.newshome .title {}

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

.pagetitle h1 {text-align:center}

.content {width:100%;float:left;padding:0 0 100px 0;}
.content p a {text-decoration:underline;color:#0088b4;}

.smalltext {font-size:14px;font-weight:600;}

.leftcolumn {float:right;width:19%;}

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

.imagesplace {position:relative;z-index:9;margin:0 0 40px 0;}
.imagesplace a {display:block;margin:0 auto 10px auto;}
.imagesplace img {max-height:400px;margin:auto}
.imagesplace .slick-dots {bottom:-20px;}
.imagesplace .slick-dots li button:before, .imagesplace .slick-dots li.slick-active button:before {color:#0088b4;}

.imgside {float:right;width:35%;margin:0 0 40px 40px;}

#formreg {margin:0px 0 40px 0;float:left;width:100%;}

.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;color:#000000;font-size:14px;/*padding:5px;display:block;color:#ffffff;text-align:center*/}

.smalltitle {font-size:20px;color:#734dc4;text-align:center;margin:0 0 20px 0;} 

.t_place {padding:4%;margin:0 0 30px 0;background:#7aecfc;    float: left;width: 100%;}

.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;}
.bodytext h2 {margin:40px 0 20px 0}
.bodytext p a, .bodytext li a {text-decoration:underline}

.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;}
.triplebox .title {color:#fff;padding:10px;text-align:center;background:#734dc4;}
.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 {margin:auto}
.triplebox .imgplace {padding:10px;}

.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: space-between;}
.quadruple {width:22%;position:relative;margin:0 0 0 1.5%;text-align:initial;}
.quadruple .title {color:#000000;margin:20px 0;font-size:20px;}
.quadruple .abstract {}
.quadruple a {display:block;color:#000000;}
.quadruple h3 {text-align:center;margin:10px 0;font-weight:400;font-size:16px;}
.quadruple img {margin:auto;}


.listlace {}
.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 {overflow:hidden}
.listitem .title {display:inline-block;padding:10px;background:#0088b4;color:#fff; }
.listitem a {color:#fff;display:block;}
.listitem h2 {color:#000;font-weight:900;}
.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 #0088b4;color:#0088b4; padding:10px 15px;}
.listitem li {font-size:14px;}
.listitem.noborder .abstract {border:none;border-top:1px solid #0088b4;}

.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 {}
.liststyle {margin:0 0 40px 0;}
.liststyle .title {color:#0088b4; border-bottom:1px solid #0088b4;padding:10px;}
.liststyle .abstract {padding:10px;width:85%;float:left} 
.liststyle a {color:#000000;}
.liststyle:hover, .liststyle a:focus {background:#f0f0f0}
.liststyle:hover .title, .liststyle a:focus .title {color:#ffffff;background:#0088b4;}
.liststyle .attach {float:right;width:15%;padding:10px;}
.liststyle .attach img {float:left;margin:-2px 10px 0 0}
.liststyle .name {margin:0 0 10px 0;}

.managementplace {display: flex;align-content:stretch;justify-content:space-between;flex-wrap: wrap;}
.managementitem {width:22%;position:relative;margin:1.5%;text-align:initial}
.managementitem .title {color:#000000; margin:10px 0;font-size:20px;text-align:center}
.managementitem div {text-align:center}
.managementitem a {display:block;color:#000000;}
.managementitem .imgplace {height:250px;width:250px;overflow:hidden;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border:10px solid #e8e9ea;margin:auto}
.managementitem img {margin:auto;filter: grayscale(100%);height:250px;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 {filter: grayscale(0%);}

.docsplace {padding:20px 0;margin:0 0 30px 0;border-bottom:1px solid #ccc;overflow: hidden;}
.docsplace a {display:block;color:#000000;font-size:14px;    clear: both;margin: 10px 0;}
.docsplace a:hover, .docsplace a:focus {text-decoration:underline}
.docsplace img {float:left;margin:-2px 10px 0 0;}
.docsplace .title {display:none;color: #0088b4;margin: 0 0 5px 0; font-size: 16px;}

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

.leftmenu {padding:0 0 0 15px;border-left:2px solid #cccccc;margin:0 0 30px 0;} 
.leftmenu a {display:block;color:#696767;font-size:14px;padding:5px 0;}
.leftmenu a:hover, .leftmenu a.this, .leftmenu a:focus {color:#0088b4;}
.leftmenu a.this {font-weight:600}
.leftmenu .level2 {padding:5px 0 5px 20px;}
.leftmenu .level3 {padding:3px 0 3px 40px;}
.leftmenu .level3 {padding:3px 0 3px 60px;}

.contactbody {margin:auto;}
.contactbody h3 {margin:0 0 10px 0; }
.contactbody a {color:#0088b4;text-decoration:underline;}
.contactbody a:hover, .contactbody a:focus {color:#000000;}

.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 {margin:auto}

.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:auto;margin:0;float:right} 
.btnplace.orange input[type="submit"] {background:#e6972e;line-height: 120%;color: #fff;font-size: 30px;
padding: 2%;width:100%;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

p video {width: 100%;height: auto;}

.btnplace.orange input[type="submit"]:hover {background: #0088b4;}
.contactform .jointomailinglist {background:none;padding:0;margin: 0;}
.contactform .takanon label {display:inline-block;width:auto;float:right;line-height: 150%;}
.contactform .takanon a {text-decoration:underline}
.contactform .subtitle {padding: 5px 15px;display: block;}
.contactform .liststyle2 {margin:10px 0 0 0;padding:10px 0;border-top:1px solid #fff}
.contactform .liststyle2 > label {margin:20px 0 10px 0;font-size:20px;    width: 100%;float: right;}
.contactform .liststyle2 ul {margin:0 0 20px 0;}
.contactform .liststyle2 ul li {float:right;width:33%}
.contactform .liststyle2 ul label {font-size:16px;    margin: 0;}
.contactform .liststyle2 ul input {margin:2px 0 0 5px}
.contactform textarea {    height: 98px;}

.contactform .takanon {margin: 0 0 20px 0;}
.jointomailinglist.mandatoryContact:before {top: 0px;    right: 22px;}

.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 {position:fixed;right:4%;bottom:30px;background:#575757;-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);}
#contactfooter:after {content:"";display:block;position:absolute;right:20px;bottom:-20px;width: 0;height: 0;border-style: solid;border-width: 0 20px 20px 0;border-color: transparent #575757 transparent transparent;}
#contactfooter .contactform {padding:0 20px 20px 20px;color:#ffffff;display:none}
#contactfooter .contactform.opened {display:block}
#contactfooter .contactform label {margin:0 0 15px 0;}
#contactfooter .contactform input, #contactfooter .contactform select, #contactfooter .contactform textarea {color:#ffffff;}
#contactfooter .contactform ::-webkit-input-placeholder {color: #ffffff;}
#contactfooter .contactform ::-moz-placeholder {color: #ffffff;}
#contactfooter .contactform :-ms-input-placeholder {color: #ffffff;}
#contactfooter .contactform :-moz-placeholder {color: #ffffff;}
#contactfooter .contactform input[type="submit"] {width:100%;float:none;background:#ffffff;color:#000000;padding:5px;margin:10px 0 0 0;}
#contactfooter .contactform input[type="submit"]:hover, #contactfooter .contactform input[type="submit"]:focus {background-color:#0088b4;}
#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: #0088b4;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 {margin:40px 0;}

.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:#0088b4;}

.infobox {border:1px solid #cccccc;margin:0 0 30px 0;}
.infobox .abstract {padding:10px;}
.infobox a {color:#575757;display:block}
.infobox .title {color:#0088b4;font-size:14px; }
.infobox .more {background:none;border:none;color:#0088b4;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:#0088b4;}
.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 {border:1px solid #cccccc;}
.downloaditem {padding:10px 20px;display: flex;align-content: stretch;justify-content: space-between;flex-wrap: wrap;}
.downloaditem .date, .downloaditem .version {font-size:14px;color:#636363;width:10%;}
.downloaditem img {float:left;margin:-2px 10px 0 0;}
.downloaditem a {color:#000000;}
.downloaditem a:hover, .downloaditem a:focus {color:#0088b4;}
.downloaditem .abstract {width:20%;}
.downloaditem .title {width:60%;}
.downloaditem:nth-of-type(even) {background:#f0f0f0;}

.searchstyle {padding:40px 0 0 0;margin:40px 0 40px 0;border-top:1px solid #cccccc}
.searchstyle .title {color:#636363; font-size:18px;}
.searchstyle label {float:left;width:33%;margin:20px 0;font-size:14px;color:#636363;}
.searchstyle label select {width:auto;font-size:14px;color:#0088b4;}
.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:#734dc4; padding:10px;border-bottom:1px solid #ccc;margin: 20px 0 0 0;font-size:20px;font-weight:600;position: relative;}
.faqsplace .question p, .faqsplace .question li { text-align:initial;margin:0;font-weight:600}
.faqsplace .question:hover, .faqsplace .question:focus, .faqsplace .question.opened {background:#734dc4;color:#ffffff;}
.faqsplace .answer {display:none;background:#f0f0f0;padding:20px;font-size:16px;}
.faqsplace .answer p, .faqsplace .answer li {margin:0;}
.faqsplace .question:before {content: "";
    display: block;
    width: 20px;
    height: 1px;
    background: #000;
    position: absolute;
    left: 35px;
    top: 19px;}
.faqsplace .question:after {content:"";display:block;width:1px;height:20px;background:#000;position:absolute;left:45px;top:10px;}
.faqsplace .question:hover, .faqsplace .question.opened {background:#734dc4;color:#ffffff;}
.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:#0088b4;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:#0088b4;}

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

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

.gallerypage {display: flex;align-content: stretch;justify-content: space-between;flex-wrap: wrap;}
.gallerypage > div {width: 20%;position: relative;overflow: hidden;}

.gallerylist {padding:1%;float: left;width: 100%;}
.gallerylist img {margin:0;padding:0;display:inline-block;vertical-align:bottom;opacity:1;}
.galleryitem {opacity:0;float:left;-moz-box-shadow: 0px 0px 20px rgba(100,100,100,0.5);-webkit-box-shadow: 0px 0px 20px rgba(100,100,100,0.5);box-shadow: 0px 0px 20px rgba(100,100,100,0.5);}
.galleryitem:hover {-moz-box-shadow: 0px 0px 30px rgba(50,50,50,0.9);-webkit-box-shadow: 0px 0px 30px rgba(50,50,50,0.9);box-shadow: 0px 0px 30px rgba(50,50,50,0.9);}
.galleryitem:hover img, .galleryitem a:focus img {-webkit-transform: scale(1.01,1.01);-moz-transform: scale(1.01,1.01);-o-transform: scale(1.01,1.01);-ms-transform: scale(1.01,1.01);transform: scale(1.01,1.01);}

.effect-parent {-webkit-perspective: 1300px;-moz-perspective: 1300px;perspective: 1300px;}
.effect-2 {-webkit-transform: translateY(200px);-moz-transform: translateY(200px);transform: translateY(200px);-webkit-animation: moveUp ease forwards;-moz-animation: moveUp ease forwards;animation: moveUp ease forwards;}

@-webkit-keyframes moveUp {
    to { -webkit-transform: translateY(0); opacity: 1; }
}

@-moz-keyframes moveUp {
    to { -moz-transform: translateY(0); opacity: 1; }
}

@keyframes moveUp {
    to { transform: translateY(0); opacity: 1; }
}
.effect-duration-1{-webkit-animation-duration: .4s;-moz-animation-duration:    .4s;animation-duration:         .4s;}
.effect-duration-2{-webkit-animation-duration: .5s;-moz-animation-duration:    .5s;animation-duration:         .5s;}

.masonryitem, .grid-sizer {width:30%;margin-bottom:40px;}
.gutter-sizer {width: 3%;}
.sitemapheader {margin:0px 0px 5px 0px;}
.sitemap {width:30%;margin-bottom:40px;float:left}
.sitemap ul {margin:0px 10px 5px 10px;}
.sitemap li {margin:5px 0px 5px 0px;}
.sitemap a {color:#000000;}
.sitemap a:hover, .sitemap a:focus {color:#0088b4;text-decoration:underline}

.footertitle {color:#000;font-size:36px;margin:20px;text-align:center;font-weight:400}
footer {border-top:1px solid #ffc21a;padding:30px 0 0 0;}
footer img {margin:auto}
footer a {display:block}

.bannerplace {float:right;width:45%}
.banner {margin:0 0 20px 0;}
.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:#000000;display:block;overflow: hidden;}
.banner a:hover, .banner a:focus {text-decoration:underline}
.banner .abstract {overflow:hidden}
.banner .date {color:#0088b4;}
.banner .title { color:#0088b4;}
.banner p {font-size:14px;}

.socialmedia {width:15%;float:left;}
.socialmedia a:hover img, .socialmedia a:focus img {filter: brightness(0) invert(0);}
.socialmedia img {max-width:40px;max-height:40px;margin:0px auto 10px auto;}

.footerlinksplace {margin:0 0 60px 0;}
.footerlinksbox {text-align:center}
.footerlinksbox a {color:#363636;margin:0 0 5px 0;display:inline-block;}
.footerlinksbox a:hover, .footerlinksbox a:focus {text-decoration:underline;color:#000000;}
.footerlinksbox .title {color:#0088b4;margin:0 0 5px 0;font-size:16px;}
.footerlinksbox li {display:inline-flex;margin:0 15px;}

.logosslider {text-align:center}
.logosslider li {display:inline-block;text-align:center}
.logosslider li .imgplace {width:150px;height:30px;}
.logosslider li img {max-width:150px;max-height:30px;filter: grayscale(100%);}
.logosslider li a:hover img, .logosslider li a:focus img {filter: grayscale(0%);}

.credits {padding:10px;color:#734dc4;text-align:center;border-top:1px solid #ffc21a;margin:30px 0 0 0;font-size:14px;font-weight:300}
.credits a {color:#734dc4;display:inline-block}
.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 #0088b4;padding:5px 10px;font-size:14px;}
.languages a:hover, .languages a:focus {background:#0088b4;}

.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:#0088b4}

.forgotpass {display:none}

.welcomeplace {float:right;margin:30px 20px 0 20px;position:relative}
.welcomeplace:hover .toggleaccount {display:block}
.toggleaccount {display:none;position:absolute;left:0;top:22px;background: #fff;padding:10px;z-index:99;-moz-box-shadow: 0px 0px 10px rgba(100,100,100,0.5);-webkit-box-shadow: 0px 0px 10px rgba(100,100,100,0.5);box-shadow: 0px 0px 10px rgba(100,100,100,0.5);}
.toggleaccount input[type="submit"] {padding:5px;font-size:14px;min-width:0;margin:5px 0;}

.cookiesplace {z-index: 100;display:none;position:fixed;background:#000\8;background-color: rgba(0,0,0,0.8);width: 100%;bottom: 0;padding: 10px 10%;color: #fff;text-align: center;font-size: 16px;}
.cookiesplace a {color: #fff;text-decoration:underline;display: inline-block;}

.popupplace {background: #000000\5;background: rgba(0, 0, 0, 0.5);position:fixed;left:0;top:0;width:100%;z-index:0;opacity:0}
.popupplace.opened {z-index:99;opacity:1;height:100%;}

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

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

.cartplace .title {text-align:center;padding:5px;color: #fff;background: #0088b4;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: #0088b4;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);}

.slidernav {}
.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;}
.slider-for .slick-list {}

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

.projectsinner .slick-prev {left:10px;top:auto;bottom:10px;}
.projectsinner .slick-next {right:auto;left:40px;top:auto;bottom:10px;}
.projectsinner .projecttitle {margin:0;width: 16.4%;padding:2%}
.projectsinner .projectshome .project {margin:0 .5px}

.projectsshort .project, .projectsshort .projecttitle {width: 24.88%;height: 324px;}
.projectsshort .project img {height:324px;}
.projectsshort .projecttitle {height:325px}

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

.btnplay, .btnstop {display:none;border:none;position:absolute;left:10px;bottom:30px;width:30px;height:30px;background: #fff\6;background: rgba(255, 255, 255, 0.6);-moz-box-shadow: 0px 0px 10px rgba(100,100,100,0.5);-webkit-box-shadow: 0px 0px 10px rgba(100,100,100,0.5);box-shadow: 0px 0px 10px rgba(100,100,100,0.5);-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border:1px solid #ccc}
.btnplay:hover, .btnstop:hover, .btnplay:focus, .btnstop:focus {background:#fff;}
.btnstop, .btnplay.opened {display:block;} 
.btnstop.opened {display:none;}
.btnplay:after {position:absolute;left:10px;top:10px;content:"";display:block;width: 0;height: 0;border-style: solid;border-width: 5px 0 5px 10px;border-color: transparent transparent transparent #333333;}
.btnstop:after {position:absolute;left:15px;top:9px;content:"";display:block;width: 2px;height: 10px;background:#333333;}
.btnstop:before {position:absolute;left:11px;top:9px;content:"";display:block;width: 2px;height: 10px;background:#333333;}

.sliderbtn button {float:right;margin:0 0 0 10px;padding:2px 5px;background:#0088b4;color:#fff;font-size:14px;border:none;width:auto}
.sliderbtn button:hover, .sliderbtn button:focus {background:#999;}

/*---*/
a:focus, button:focus, input[type="submit"]:focus, input:focus, select:focus, .slider a:focus img, textarea:focus, 
input[type="checkbox"]:focus { -moz-box-shadow: 0px 0px 10px rgba(100,100,100,0.5);-webkit-box-shadow: 0px 0px 10px rgba(100,100,100,0.5);box-shadow: 0px 0px 10px rgba(100,100,100,0.5);outline: 1px dashed #000;outline-offset: 2px;    outline: 1px solid #000;}

#contactfooter .contactform input:focus, #contactfooter .contactform input[type="checkbox"]:focus, #contactfooter .contactform textarea:focus,
.mainmenu > li a:focus, .decoration a:focus, footer a:focus { -moz-box-shadow: 0px 0px 10px rgba(255,255,255,0.5);-webkit-box-shadow: 0px 0px 10px rgba(255,255,255,0.5);box-shadow: 0px 0px 10px rgba(255,255,255,0.5);}

div .slick-dots button:focus {-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0);-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0);box-shadow: 0px 0px 0px rgb(0, 0, 0);}

.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
 
.slideto {background:#fff;padding:10px;border:1px solid #575757;position:fixed;left:10px;top:10px;z-index:9999;width:1px;height:1px;clip: rect(0,0,0,0);}
.slideto:focus {width:auto;height:auto;clip:auto;}
.invertsite .accessibility, .accessibility {width:30px;height:30px;	background: url(../images/accessibilitysprite.png) -2px -40px no-repeat !important;cursor:pointer;line-height:21px;padding:5px 10px ;border:1px solid #0088b4;text-align:center;position:fixed;right:20px;top:25px;z-index:999;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}
.accessibility:hover, .accessibility:focus {color:#000000;filter: brightness(0) invert(0);}
.invertsite .accessibility:hover, .invertsite .accessibility:focus {filter: brightness(1) invert(1);}

.invertsite p, .invertsite div, .invertsite li, .invertsite span, .invertsite button, .invertsite input, .invertsite header, .invertsite label,
.invertsite body, .invertsite a, .invertsite h1, .invertsite h2, .invertsite h3, .invertsite h4, .invertsite h5, .invertsite select, 
.invertsite textarea, .invertsite table td, .invertsite table th, .invertsite footer {background-color:#000000 !important;color:#ffffff !important;}

.invertsite .decoration {background:#000}
.invertsite body {background:#000000;}
.invertsite .logosplace img {filter: brightness(0) invert(1);}

.invertsite img {filter: grayscale(100%);}

.invertsite .features_colors .feature:nth-of-type(1n):before, .invertsite .features_colors .feature:nth-of-type(2n):before, 
.invertsite .features_colors .feature:nth-of-type(3n):before {color: #fff;}

.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 .accessibilityview {display:block}
.invertsite .searchplace .submitsearch { background:#000 url(../images/search.png) center center no-repeat !important;}

.CandidateSearchResultContainer div .label {
	width:200px;
}
.CandidateSearchResultContainer div {
	padding:7px;
}



@media screen and (min-width: 320px) and (max-width: 1020px) {
	@-webkit-keyframes bugfix {
		from {
			padding: 0;
		}

		to {
			padding: 0;
		}
	}
	body {background: #fff url(../images/bgmain.jpg) center -10px no-repeat;}

	input {border-radius: 0;}

	.searchplace {display:none}

	body, input, textarea, select, button, p, li {font-size: calc(14px + 4 * ((100vw - 320px) / 1240));}
	h1 {font-size: 9vw;}
	h2, h3, h4, h5, h6, .sliderhome h2, .sliderhome h3, .smalltitle {font-size: 6vw;}
	h3, h4, h5, h6, .mainabstract, .mainabstract p, .mainabstract li {font-size: 5vw;} 
	.sliderhome p {font-size: 4vw;}

	header {position:relative;}

	.page {width:94%}
	 
	.logo {top: 5px;}
	.logo img {max-width: 100px;max-height: 40px;}

	.logosplace {top: 8px;right:auto;left:105px;}
	.logosplace a img {max-width: 80px;max-height: 25px;margin:0;}
	.logosplace a {margin: 0 0 0 5px;}

	.openmenu {z-index:101;display:block;width:30px;height:30px;position:relative;background:none;border:none;padding:0;position:absolute;right:0;top:5px}
	.openmenu span, .openmenu div:after, .openmenu div:before {border-radius: 3px;display:block;height:6px;background:#ffc21a;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 {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: #734dc4;color:#fff;}
	.mainmenu > li a {color:#000000;padding:10px 5px;text-align:center;border-bottom: 1px solid #0088b4;}
	.mainmenu li li a, .mainmenu li li li a {padding:10px 5px;display:block;text-align:center;border:none;border-bottom: 1px solid #ccc;}
	.mainmenu li a.home {width:100%;filter: brightness(100) invert(1);border:none;}
	.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%;}

	.decoration {background-size: contain;}
	.decoration img {margin: -30px 0 0 0;zoom: .6;}

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

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

	.contactform div, .features_bottom {margin:0;}
	 
	.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;}

	.content, .leftcolumn, .footerlinksplace, .socialmedia, .hometext, .rightside, .leftside, .bannerplace, .contactbody, 
	.contactformplace, .features_colors .feature .abstract ul, .features_bottom .feature,.dataTables_filter, .dataTables_length, div .moredetails, div .moredetails a,
	div .moredetails button {float:none;width:100%;max-width:100%;margin:0 auto 20px auto;}

	.triplebox, .flextriplebox, .features_colors .feature, .features_solutions .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 {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;margin:0;}
	.features_colors .feature {font-size: 20px;}
	.features_colors .feature:before {font-size: 140px;  right: -40px;top: -20px;}

	.tripleboxplace {display:block;float:left;width:100%;}
	.triplebox {overflow:visible}

	.features_youtube {max-width: 100%;}

	#maintitleplace, .content {margin:0;padding:4%;background:#fff}
	.pagetitle h1 {margin:0;}
	.features_bottom .bigtitle img, .features_bottom .bigtitle span {margin:auto;text-align:center;display:block;float:none;line-height:100%}

	.footertitle {font-size: 24px;}

	.listplace {float:left;width:100%;}
	.listitem .imgplace {width:100%;padding:5px;margin:0 0 10px 0;float:none;}
	.listitem .imgplace img {margin:auto;}
	.listitem .abstractdata {overflow:visible}

	#contactfooter {right:0;top:auto;bottom:0;}
	.opencontact {padding:10px;background-position:center center;text-indent:-1000px;overflow:hidden;width: 40px;height: 40px;}

	.socialmedia {text-align:center}
	.socialmedia li {display:inline-block}

	footer .page:before {background: url(../images/wavesmall.png) 90% center no-repeat;}

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

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



@media screen and (min-width: 300px) and (max-width: 769px) 
{
   .accessibility {display:none}
}

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

@media print 
{
	/*@page {size: A4 Portrait; }*/ 
    * {-webkit-print-color-adjust:exact;}
	h1, h2, h3, h4, h5, h6, h7, p, a, li {line-height:120%;color:#000 !important;}
	h1 {font-size:30px;}
	h2 {font-size:26px;} 
	h3 {font-size:20px;}
	h4 {font-size:18px;}
	p {line-height: 120%;font-size: 16px;}
	div, header, footer, a {color:#000 !important;background:none !important;}
	.page, .content, .imgside, .indexcontent, .bodytext, .bannerplace, .hometext, .rightside, .leftside { width: auto !important;width:100% !important; margin:auto !important;max-width:100% !important;float:none}

	.leftcolumn, .mainmenu, .topmenu, .breadcrumbs, .search, .socialmedia, .strip, .opensearch, .accessibility, .shoppingcartplace, #openlogin, #strip, .footerlinksplace,
	.more, .docsplace, div .slick-dots, .socialmediaheader, .sliderhome {display:none !important;}

	div, span, body, header, .sticky {background:none;-moz-box-shadow: 0px 0px 0px rgba(100,100,100,0);-webkit-box-shadow: 0px 0px 0px rgba(100,100,100,0);box-shadow: 0px 0px 0px rgba(100,100,100,0);}
	
	.maincontent {min-height:0;height:auto;margin:0;}

	header, .infobox, .timelinegreyplace .bigtitle, .timelineplace, .linkssplace .bigtitle {width:100%;position:static}

	.pagetitle, .columns {background:none;padding:0;min-height:0;position:static;height:auto}
	.bodytext p a {box-shadow: inset 0 0px 0 rgba(255,255,255,0), inset 0 0px 0 #ffffff;}
	.credits {text-align:center;padding:5px;font-size:14px;margin: 0}
	
	.feature {filter: opacity(1)!important;opacity:1 !important;width:100% !important;}
	.feature .abstract {position:static;color:#000000;}

}