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:#00aeef;color:#ffffff;text-shadow: none;}::-webkit-selection {background:#00aeef;color:#ffffff;text-shadow: none;}::selection {background:#00aeef;color:#ffffff;text-shadow: none;}* {-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing: border-box;} ::-webkit-input-placeholder {color: #666;}::-moz-placeholder {color: #666;}:-ms-input-placeholder {color: #666;}:-moz-placeholder {color: #666;}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;background:#ffffff;}
h1, h2, h3, h4, h5, h6, h7 {font-weight:600;color:#01416f;margin:0px 0px 20px 0px;line-height:100%;}
h1 {font-size:60px;color:#fff;margin:0}
h2 {font-size:30px;}
h3 {font-size:24px;}
h4 {font-size:20px;}
h5 {font-size:16px;}
p {margin:0px 0px 15px 0px;line-height:140%;font-weight:300} 

input, textarea, select, button {border-bottom:1px solid #666;padding:5px 10px;width:100%;}
select {padding:4px 10px;}
input:hover, textarea:hover, select:hover, input:focus, textarea:focus, select:focus {border-bottom:1px solid #00aeef;}

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:#00aeef;text-decoration:none;outline-style:none;}
a:hover, a:focus {color:#000000;} 
    
.mainmenu a, .quadruple a, .menuopen {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:-20px;font-size:12px;}
.error {border-bottom:1px solid #ff0000;color: #ff0000;}

.alert{color:#ff0000;margin:0 0 20px 0;font-size:12px;display:none}
.mandatoryContact:before, .mandatory:before {content: "*";display: block;color: #ff0000;position: absolute;left: 0px;top: 5px;}
.mandatoryContacts span {display:inline-block;position:relative;padding:0 10px}
.mandatoryContacts span:before {content: "*";display: block;color: #ff0000;position: absolute;left: 0px;top: 5px;}
.leftside {float:left;width:49%}
.rightside {float:right;width:49%}
.whiteimg {filter: brightness(0) invert(1);}
.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;border-top:2px solid #01416f}
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 {position:relative;max-width:1280px;margin:auto;}

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

.mainmenu {display: flex;justify-content:space-between;float:right;margin: 20px 0 0 0;width: 75%;}
.mainmenu li a {color:#01416f;display:block;text-align:center;line-height:100%;padding:20px 10px;font-size:20px;font-weight:500;position: relative;}
.mainmenu li a span {display:block;border:1px solid transparent;padding:8px 10px;}
.mainmenu a:hover span, .mainmenu a:focus span, .mainmenu li.this > a span, .mainmenu li:hover > a span {color:#000;border:1px solid #00aeef}
.mainmenu li.this > a {text-shadow:0 0 1px #000}
.mainmenu li.this > a:after {position:absolute;left:50%;bottom:0;margin:0 -10px 0 0 ;content:"";display:block;width: 0;height: 0;border-style: solid;border-width: 0 11px 13px 11px;border-color: transparent transparent #01416f transparent;}
.menuplace ul ul ul {display:block}
.mainmenu li.this .dropmenuplace a:after {display:none}
.mainmenu li li {float:left;padding:2px 2% 2px 15px;border-left:1px solid #fff;width: 25%}
.mainmenu li li a {color:#fff;padding:5px 0;text-align:initial;display:block;font-weight:300;font-size:18px;position:relative}
.mainmenu li li a:before {float:left;margin:2px 15px 0 0px;content:"";display:block;width: 0;height: 0;border-style: solid;border-width: 6.5px 0 6.5px 8px;border-color: transparent transparent transparent #fff;}
.mainmenu li li a:hover, .mainmenu li li a:focus, .mainmenu li li.this > a {color:#01416f;}
.mainmenu li li a:hover:before, .mainmenu li li a:focus:before, .mainmenu li li.this > a:before {border-color: transparent transparent transparent #ffffff;}

.mainmenu li li li {float:none;display:block;margin: 0;}
.mainmenu li li li a {color:#ffffff;text-align:initial} 
.mainmenu li li li a:hover, .mainmenu li li li a:focus, .mainmenu li li li.this > a {color:#fff;}

.mainmenu > div {display: flex;justify-content:space-between}
.mainmenu li.topmenu a {font-weight:400;}
.mainmenu li.topmenu:first-of-type a span:before {content: "";display: block;width: 1px;height: 50%;position: absolute;left: 0px;top: 20px;background: #00aeef;}

.mainmenu li:hover > .dropmenuplace, .dropmenuplace.show-menu {opacity: 1;display:block}
.dropmenuplace {padding:20px;position: absolute;top: 98px;left: 0px;z-index: 1;opacity: 0;width: 100%;display: none;background: #00aeef;}

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

.searchplace {display:none;position:absolute;left:50%;top:96px;width:300px;margin:0 0 0 -150px;background:#fff;padding: 20px;-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);}
.searchplace.opened {display:block}
.search {border:1px solid #ccc;position: relative;}
.search label {display:inline-block;margin:0;}
.search input {padding:5px 10px;border:none;color:#575757;}
.search .submitsearch {width:33px;height:33px;background: url(../images/search.png) center center no-repeat;float:right;}
.search .submitsearch:hover, .search .submitsearch:focus {}
.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: #00aeef;color: #fff;min-width: 150px;text-align: center;padding: 10px 25px;}
div .more:hover, div .more:focus, div input[type="submit"]:hover, div input[type="submit"]:focus {background: #01416f;color:#fff;}

div .moreabout {border:1px solid #000;padding:2px 10px;display:inline-block;font-weight:500;text-align:center}
div .moreabout:hover {background: #01416f;color:#fff;}

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

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

.movieplace video {width:100%;}


.flexbox {display:flex;justify-content:space-between;}
.flexbox > div {flex:45%}
.flexbox > div:first-of-type {margin: 0 5% 40px 0%;}

.flexreversebox {flex-direction:row-reverse}
.flexreversebox > div:first-of-type {margin: 0 0 40px 5%;}

.arrowstyle {position:relative}
.arrowstyle:after, .arrowstyle:before {background:#fff;content:"";display:block;position:absolute;right:15px;top:15px;width:3px;height:10px;transform: rotate(-45deg);}
.arrowstyle:before {transform: rotate(45deg);top:20px;}

.sliderhome {margin: 0 0 60px 0;position: relative;}
.sliderhome div {/*max-height:960px;*/margin:0;}
.sliderhome .caption {position: absolute;bottom: 6%;left: 0%;width:100%;z-index:2;padding:0 6%}
.sliderhome h2, .sliderhome h3, .sliderhome p {font-size:48px;color:#01416f;text-align:center;text-shadow:0 0 10px #fff, 0 0 10px #fff}
.sliderhome h3 {font-size:30px;}
.sliderhome p {font-size:24px;color:#333;    font-weight: 500;}
.sliderhome img {margin:auto}
.sliderhome .more {width:200px;display:block}

.slidetodown {width:60px;height:60px;border:1px solid #ffffff;position:absolute;left:50%;bottom:100px;margin:0 0 0 -20px;background: #fff\1;background: rgba(255, 255, 255, 0.1);border-radius: 100%;cursor:pointer}
.slidetodown:hover {background-color:#000000}
.slidetodown:after, .slidetodown:before {content: "";
    display: block;
    width: 30px;
    height: 2px;
    position: absolute;
    left: 4px;
    top: 32px;
    transform: rotate(45deg);
    background: #fff;}
.slidetodown:before {left:25px;transform: rotate(-45deg);}

.featuresplace {height:900px;margin:auto;position:relative;display:flex;align-items: center;justify-content: center;}
.featuresplace .maincircle {overflow: hidden;width:400px;height:400px;background: url(../images/bgwords.png) center center no-repeat;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;position:relative}
.featuresplace .maincircle:after {border:1px dashed #d0d0d0;content:"";display:block;width:560px;height:560px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;position:absolute;left:-20%;top:-20%}
.featuresplace .maincircle img {width:auto;height:400px;max-width:none}
.featuresplace .features {position:absolute;width:100%;height:100%;}
.featuresplace .tab {display:none}
.featuresplace .tab.opened {display:block}
 
.featuresplace .feature {width:300px;position:absolute;right: 35%;top: 2%;}
.featuresplace .feature:first-of-type {width:400px;}
.featuresplace .feature:nth-of-type(2n) {right: 5%;top: 15%;}
.featuresplace .feature:nth-of-type(2n) .imgplace {left: -35%;bottom: -50%;}
.featuresplace .feature:nth-of-type(3n) {right: 0%;top: 40%;}
.featuresplace .feature:nth-of-type(3n) .imgplace {left: -35%;bottom: 10%;}
.featuresplace .feature:nth-of-type(4n) {right: 5%;top: 70%;}
.featuresplace .feature:nth-of-type(4n) .imgplace {left: -55%;bottom: 10%;}
.featuresplace .feature:nth-of-type(5n) {right:auto;left: 5%;top: 70%;}
.featuresplace .feature:nth-of-type(5n) .imgplace {left: auto;right: -50%;bottom: -10%;}
.featuresplace .feature:nth-of-type(6n) {right:auto;left: 0%;top: 40%;}
.featuresplace .feature:nth-of-type(6n) .imgplace { left:auto;right: -35%;bottom: -60%;}
.featuresplace .feature:nth-of-type(7n) {right:auto;left: 5%;top: 15%;}
.featuresplace .feature:nth-of-type(7n) .imgplace { left:auto;right: -30%;bottom: -40%;}

.featuresplace .feature a {color:#000;}
.featuresplace .feature .title {color:#01416f;font-size:20px;font-weight:600;margin:0 0 10px 0;}
.featuresplace .feature .imgplace {height:80px;width:80px;position:absolute;left:45%;bottom:-70%;background:#fff;padding:5px}
.featuresplace .feature img {filter: grayscale(100%);margin:auto}
.featuresplace .feature a:hover, .featuresplace .feature a:hover .title {color:#00aeef;}
.featuresplace .feature a:hover img {filter: grayscale(0%);}
.featuresplace .feature p {line-height:120%;}

.greyplace {background:#edeeef;padding:4% 0;}
.greyplace p {text-align:center}
.greyplace p:first-of-type {max-width:60%;margin:auto}
.greyplace img {margin:auto 2%;    display: inline-block;filter: grayscale(100%);}
.greyplace img:hover {filter: grayscale(0%);}
.indexcontent h2, .indexcontent h1, .greyplace h2, .smalltitle {color:#00aeef;font-size:36px;text-align:center;font-weight:400;position:relative}
.smalltitle {margin:0 0 30px 0;}
.indexcontent h2:after,.indexcontent h1:after, .greyplace h2:after, .smalltitle:after {width:40px;height:1px;position:absolute;left:50%;top:-20px;margin:0 0 0 -20px;content:"";display:block;background:#01416f;}
.indexcontent h2:before,.indexcontent h1:before, .greyplace h2:before, .smalltitle:before {width:6px;height:6px;position:absolute;left:50%;top:-23px;margin:0 0 0 -3px;content:"";display:block;background:#01416f;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}
.indexcontent h2 .bword,.indexcontent h1 .bword, .greyplace h2 .bword, .smalltitle .bword {color:#01416f;font-weight:600}

.bigtitle {color:#fff;font-weight:300;font-size:36px;text-align:center;position:relative;margin: 0 0 40px 0;}
.bigtitle:after {width:40px;height:1px;position:absolute;left:50%;top:-4px;margin:0 0 0 -20px;content:"";display:block;background:#00aeef;}
.bigtitle:before {width:6px;height:6px;position:absolute;left:50%;top:-6px;margin:0 0 0 -3px;content:"";display:block;background:#00aeef;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}
.bigtitle .bword {font-weight:600;}

.breadcrumbs {width:100%;float:left;background:#00aeef;padding:5px 0;color:#fff;font-weight:600;margin:0 }
.breadcrumbs li {}
.breadcrumbs span {padding: 0 5px;}
.breadcrumbs a {color:#fff;font-weight:400}
.breadcrumbs a:hover, .breadcrumbs a:focus {text-decoration: underline}
.breadcrumbs br {display:none}

.columns {padding:70px 0 0 0;}
.content {float:left;width:100%;}
.content.contentwide {width:100%;}
.content p a {text-decoration:underline;color:#00aeef;}
.content p a:hover, .content p a:focus {color:#000;}

.leftcolumn {float:right;width:100%;background:#e0e2e3;margin:50px 0 0 0}

.imagesplace {position:relative;z-index:9;margin:0 0 40px 0;}
.imagesplace a {display:block;margin:0 auto 10px auto;height: 100%;position:relative}
.imagesplace img {max-height:1000px;margin:auto;}
.imagesplace .slick-dots {bottom:-25px;}
.imagesplace .slick-dots li button:before, .imagesplace .slick-dots li.slick-active button:before {color:#00aeef;}
.imgslider {background:#f0f0f0}
.imgslider curtainplace, .imgslider curtainplace div {height:auto}

.imgside {float:right;width:50%;margin:0 0 40px 40px;} 
	
div .curtainplace {background: #000000\8;background: rgba(0, 0, 0, 0.8);width:100%;height:auto;position:absolute;left:0px;bottom:0px;margin:0;}
div .curtainplace .curtain {padding:5px 10px;display:block;color:#ffffff;height:auto;}

#maintitleplace {background:#01416f;margin:100px 0 0 0}

.pagetitle {padding:50px 0;}

.overflowbody {overflow:hidden}
.bodytext {margin:0 0 40px 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:5px;}
.mainabstract {text-align:center;max-width:70%;margin:0 auto 3% auto}
.bodytext ol {margin:0 25px}
.bodytext ol li {margin-bottom:10px;}
.shortbody {position:relative;max-width:640px;margin:auto; text-align: justify;text-align-last: center;}

.tripleboxplace {display: flex;flex-wrap: wrap;margin:30px 0;}
.triplebox {width: 33.3%;border:1px solid #ccc;text-align:center}
.triplebox img {margin:auto}
 
.tripleboxplacecolor {display: flex;flex-wrap: wrap;margin:3% 0;justify-content: center;}
.tripleboxcolor {width: 33.1%;margin: 1px;position:relative;background:#000}
.tripleboxcolor .title {color: #fff;padding: 10px 15px;font-size: 30px;font-weight:600;border:1px solid #fff;}
.tripleboxcolor .imgplace {height:420px;overflow:hidden}
.tripleboxcolor .imgplace img {height:420px;max-width:none;opacity:.7}
.tripleboxcolor a, .tripleboxcolor a:hover .moreabstract, .tripleboxcolor a:hover .abstract {display:block}
.tripleboxcolor a:hover .title {border:none;padding:0;}
.tripleboxcolor a:hover img {opacity:.3}
.tripleboxcolor .abstract {position:absolute;left:0;top:0;width:100%;height:100%;display:flex;padding:30px;justify-content: center;align-items: center;color:#fff;}
.tripleboxcolor .moreabstract {display:none}
.tripleboxcolor .moreabout {color:#fff;border:1px solid #fff;display:block;width:150px;margin:10px 0 0 0}

.quadrupleplace2 {display: flex;flex-wrap: wrap;margin:30px 0;float:left;width:100%}
.quadruple2 {width: 24.8%;margin: 1px;position:relative;background:#000}
.quadruple2 .title {color: #fff;padding: 10px 15px;font-size: 18px;font-weight:500;background: #000000\5;background: rgba(0, 0, 0, 0.5);}
.quadruple2 .imgplace {height:320px;overflow:hidden}
.quadruple2 .imgplace img {height:320px;max-width:none;}
.quadruple2 a, .quadruple2 a:hover .moreabstract, .quadruple2 a:hover .abstract {display:block}
.quadruple2 a:hover .title {border:none;padding:0;background:none}
.quadruple2 a:hover img {opacity:.5}
.quadruple2 .abstract {position:absolute;left:0;top:0;width:100%;height:100%;display:flex;padding:30px;justify-content: center;align-items: center;color:#fff;}
.quadruple2 .moreabstract {display:none;}
.quadruple2 .moreabout {color:#fff;border:1px solid #fff;display:block;width:150px;margin:10px 0 0 0}
.quadruple2 a:hover .moreabstract {display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

.quadrupleplace {display: flex;margin:30px 0 60px 0;    flex-wrap: wrap;    width: 100%;}
.quadruple {width:24.8%;position:relative;margin:1px;text-align:initial;height:135px;}
.quadruple .title {color:#fff;margin:0px 0 5px 0;font-size:30px;line-height:100%;}
.quadruple a {color:#fff;display:flex;padding:5%;  background:#34b3e7;  justify-content: center;min-height:135px;align-items: center;position:relative;z-index:1}
.quadruple a:hover {z-index:2;width:120%;display:block;-moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);box-shadow: 0px 0px 20px rgba(0,0,0,0.2);}
.quadruple a:hover .title {font-weight:500}
.quadruple .abstract {display:none}
.quadruple a:hover .abstract {display:block}
.quadruple a, .blue1 #maintitleplace {background:#34b3e7;}
.quadruple:nth-of-type(2n) a, .blue2 #maintitleplace {background:#144b63;}
.quadruple:nth-of-type(3n) a, .blue3 #maintitleplace {background:#1a7ca4;}
.quadruple:nth-of-type(4n) a, .blue4 #maintitleplace {background:#26abe2;}
.quadruple:nth-of-type(5n) a, .blue5 #maintitleplace {background:#1a7ca4;}
.quadruple:nth-of-type(6n) a, .blue6 #maintitleplace {background:#4c90cd;}
.quadruple:nth-of-type(7n) a, .blue7 #maintitleplace {background:#26abe2;}
.quadruple:nth-of-type(8n) a, .blue8 #maintitleplace {background:#1472ba;}
.quadruple:nth-of-type(9n) a, .blue9 #maintitleplace {background:#4c90cd;}
.quadruple:nth-of-type(10n) a, .blue10 #maintitleplace {background:#26abe2;}
.quadruple:nth-of-type(11n) a, .blue11 #maintitleplace {background:#0d4c7b;}
.quadruple:nth-of-type(12n) a, .blue12 #maintitleplace {background:#26abe2;}
.quadruple:nth-of-type(13n) a, .blue13 #maintitleplace {background:#0d4c7b;}
.quadruple:nth-of-type(14n) a, .blue14 #maintitleplace {background:#1472ba;}

.smallquadruple .quadruple {height:auto}
.smallquadruple .quadruple a {padding:2%;min-height:0;font-size:30px;}
.smallquadruple .quadruple a:hover {display:flex;width:100%}
html:lang(en) .smallquadruple .quadruple a {min-height: 105px;}

.listitem {margin:40px 0 0 0;background:#f0f0f0;}
.listitem .imgplace {width:30%;float:left;position:relative}
.listitem .title, .listitem .abstract {padding:20px;width:30%;float:left}
.listitem .abstract {border-left:1px solid #000;width:40%;padding-right:40px;}
.listitem .title {font-size:24px;}
.listitem .title .date {font-weight:300;font-size:18px;}

.listitem a {color:#000;}
.listitem a:hover, .listitem a:focus {color:#01416f;}
.listitem .flex {display:flex}

.liststyle {margin:0 0 40px 0;}
.liststyle .title {color:#00aeef; border-bottom:1px solid #00aeef;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:#00aeef;}
.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;}

.listtoggle {margin:20px 0 0 0;}
.listtoggle .title {padding:10px 15px;border:none;text-align:initial;font-size:24px;background:#edecec;position:relative}
.listtoggle .title:hover {background:#ccc;}
.listtoggle .title:after, .listtoggle .title:before {content:"";display:block;position:absolute;right:10px;top:26px;width:30px;height:1px;background:#000;}
.listtoggle .title:after {width:1px;height:30px;right:24px;top:11px;}
.listtoggle.opened .title:after {display:none}
.listtoggle.opened .title:before {background:#fff;}
.listtoggle.opened .title {background:#102446;color:#fff;}
.listtoggle .abstract {display:none}
.listtoggle .abstract > div {width:40%;padding:3%;border-left:1px solid #ccc}
.listtoggle.opened .abstract {display:flex}
.listtoggle .more {font-size:30px;}

.moreprojectsplace {margin:50px 0 0 0;float: left;width: 100%;}

.managementplace {display: flex;align-content:stretch;justify-content:center;flex-wrap: wrap;width: 100%;}
.managementitem {width:22%;position:relative;margin:1.5%;text-align:initial}
.managementitem .title {color:#000000; margin:10px 0 0px 0;font-size:24px;text-align:center;font-weight:600}
.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:12px solid #e8e9ea;margin:auto}
.managementitem img {margin:auto;/*height:250px;max-width:none;width:auto*/}
.managementitem a:hover .imgplace, .managementitem a:focus .imgplace {border:12px solid #00aeef;-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%);}

.itemstyle {overflow:hidden}
.itemstyle div {padding:5px 0;border-top:1px dotted #ccc}
.itemstyle div:last-of-type {border-bottom:1px dotted #ccc}
.itemstyle div .title {display:inline-block;width:15%;font-weight:600;}

.docsplace, .linksplace {}
.docsplace a, .linksplace a {display:block;color:#000000; margin: 20px 0 20px 0;display: flex;    align-items: center;}
.docsplace a:hover, .docsplace a:focus, .linksplace a:hover, .linksplace a:focus {text-decoration:underline;filter: brightness(0) invert(0)}
.docsplace img {margin:0 10px;width:24px;}
.docsplace .title, .linksplace .title {display:none;color: #00aeef;margin: 0 0 5px 0; font-size: 16px;}

.leftmenu {padding:50px 0;text-align:center;} 
.leftmenu li {display: inline-block;margin:.5%;}
.leftmenu a {display:block;color:#fff;font-size:30px;padding:5px 20px;background:#01416f;}
.leftmenu a:hover, .leftmenu .this a, .leftmenu a:focus {background:#00aeef}
.leftmenu a.this {font-weight:600}
.leftmenu .level2, .leftmenu .level3, .leftmenu .level4 {padding:5px;}

.contactflex {display:flex;justify-content: center;margin:0 0 50px 0;}

.contactbody {float:left;width:33%;}
.contactbody p {font-size:24px;width:100%;float:left;margin:0 0 30px 0;}
.contactbody p img {float:left;margin:-6px 10px 0 0px;}
.contactbody h3 {margin:0 0 10px 0; }
.contactbody a {color:#00aeef;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 {float:right;width:33%;background:#eeeeee;padding:1.5%}

.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:100%;margin:0;float:right;color:#fff;background:#01416f;font-size:24px;font-weight:600}
.contactform input[type="submit"]:hover {background: #00aeef;}
.contactform h2, .contactform h3 {font-size:18px;font-weight:500}

.registerform, .logincontrol {float:none;width:100%;max-width:800px;margin:10px auto;background:#fff;border:1px solid #000;padding:20px;}
.registerform label {width:100%;float:left}
.registerform span {padding:0 10px;width:23%;float:right}
.registerform input, .registerform select, .registerform .selectize-control {width:77%;float:right}
.registerform input[type="submit"] {width:100%;}
.registerform .jointomailinglist span {width:80%}
.registerform .jointomailinglist input {width:15px;float:right;margin:0 0 0 10px;}

footer {background:#333333;padding:50px 0 0 0}

#contactfooter {width:25%;float:left}
#contactfooter .contactform {} 
#contactfooter .contactform label {margin:0 0 10px 0;}
#contactfooter .contactform input, #contactfooter .contactform select, #contactfooter .contactform textarea {color:#fff;border-bottom:1px solid #999}
#contactfooter .contactform ::-webkit-input-placeholder {color: #999;}
#contactfooter .contactform ::-moz-placeholder {color: #999;}
#contactfooter .contactform :-ms-input-placeholder {color: #999;}
#contactfooter .contactform :-moz-placeholder {color: #999;}
#contactfooter .contactform input[type="submit"] {border:none;margin:20px 0 0 0;background: #00aeef;width:auto;color:#000;font-size:18px;}
#contactfooter .contactform input[type="submit"]:hover, #contactfooter .contactform input[type="submit"]:focus {color:#fff;background:#01416f}
#contactfooter .contactform .jointomailinglist, #contactfooter .contactform .comments {float:none;font-size:14px;}
#contactfooter .errorplace {color:#ffffff;}

.gmap {width:100%;float:left}
.gmap iframe {max-height:450px;width:100%;}

.opencontact {border:none;color:#ffffff; text-align:initial;padding:20px 20px 20px 60px}
.opencontact:hover, .opencontact:focus {border:none;background-color:#00aeef;}

.infobox {border:1px solid #cccccc;margin:0 0 30px 0;}
.infobox .abstract {padding:10px;}
.infobox a {color:#575757;display:block}
.infobox .title {color:#00aeef;font-size:14px; }
.infobox .more {background:none;border:none;color:#00aeef;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:#00aeef;}
.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:#00aeef;}
.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:#00aeef;}
.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:#00aeef; padding:10px;border-bottom:1px solid #00aeef;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:#00aeef;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:#00aeef;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:#00aeef;}

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

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

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

.bannerplace {float:left;width:30%}
.banner {margin:0 0 5px 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 img {height:100%;max-width:none;width:auto;margin:0 0 30px 0;}
.banner a {color:#ccc;display:block;overflow: hidden;}
.banner a:hover, .banner a:focus {text-decoration:underline;color:#fff;}
.banner .abstract {overflow:hidden}
.banner p {font-size:24px;color:#fff;margin:10px 0 5px 0;width:100%;float:left}
.banner p img {float:left;margin:2px 10px 0 0px;}
.banner p:last-of-type {font-size:18px;}

.socialmedia li {float:left;margin:0 2px;}
.socialmedia a img{filter: brightness(0) invert(1);opacity:.5}
.socialmedia a:hover img, .socialmedia a:focus img {filter: brightness(1) invert(0);opacity:1}
.socialmedia img {max-width:40px;max-height:40px;margin:0px 2px 10px 2px;}

.footerlinksplace {float:left;width:45%;}
.footerlinksbox {width:50%;float:right;padding:0  0 0 20px;border-left:1px solid #ccc}
.footerlinksbox a {color:#999;margin:0 0 5px 0;display:block;}
.footerlinksbox a:hover, .footerlinksbox a:focus {text-decoration:underline;color:#fff;}
.footerlinksbox .title {color:#ccc;margin:0 0 15px 0;font-size:20px;font-weight:400}
.footerlinksbox li {display:block}

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

.credits {padding:15px;color:#ebebeb;text-align:center;margin:30px 0 0 0;background:#000;}
.credits a {color:#ebebeb;}
.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 #00aeef;padding:5px 10px;font-size:14px;}
.languages a:hover, .languages a:focus {background:#00aeef;}

.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;overflow: hidden;}
.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:#00aeef}
.rememberme {width:100%;float:left;margin:10px 0;}

.btnplace {width:100%;float:left;}
.btnplace button, .btnplace a {width: auto;border: none;display: inline-block;margin: 10px 10px 0 0;background: #00aeef;color: #ffffff;min-width: 100px;text-align: center;padding: 5px 15px;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;float: left;}
.btnplace button:hover, .btnplace button:focus, .btnplace a:hover, .btnplace a:focus {background: #575757;color:#fff}

.logincontrol .close {display:none}

.forgotpass {display:none} 

.welcomeplace {float:right;margin:20px 20px 0 20px;position:relative;padding: 10px;}
.welcomeplace:hover .toggleaccount {display:block}
.toggleaccount {display:none;position:absolute;left:0;top:30px;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;width:100%;margin:5px auto;float:none}

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

.featurepopupplace {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 -32px no-repeat;width:30px;height:30px;position:absolute;right:0px;top:-30px;border:none;}
.featurepopup {position:fixed;left:50%;top:25%;width:500px;padding:2%;margin:0 0 0 -250px;background:#ffffff}

.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.showcart:hover .togglecart, .shoppingcart.showcart:focus .togglecart, .shoppingcart.showcart.opened .togglecart, .togglecart.opened {display:block}
.shoppingcarticon .numof {color: #fff;background: #00aeef;-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:320px;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: #00aeef;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: #00aeef;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:13px;float:left;padding:5px;width:47%;}
.cartheader div:nth-of-type(2n), .cartItemPlace div div:nth-of-type(2n) {width:26%;text-align:center}
.cartheader div:nth-of-type(3n), .cartItemPlace div div:nth-of-type(3n) {width:15%;text-align:center}
.cartheader div:nth-of-type(4n), .cartItemPlace div div:nth-of-type(4n) {width:12%;text-align:center}
.cartItemPlace .removeFromCart {width:20px;height:20px;border:none;background: url(../images/sprite.png) -43px -37px no-repeat;margin:auto}
.cartItemPlace .removeFromCart:hover, .cartItemPlace .removeFromCart:focus {    background-color: #ccc;}
.cartItemPlace .item_size {display:none}

.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:#00aeef;}
.similarslider a:hover img, .similarslider a:focus img {-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}

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

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

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

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

table {width: 100%;border-top:1px solid #ccc;margin: 20px 0}
table td, table th {background:#fff;padding:5px;border:none;border-bottom: 1px solid #ccc;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 {}
table tbody tr:nth-of-type(odd) td {}
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;} 

.movebtns a {display:inline-block;border:1px solid #000;color:#000;padding:5px 15px;float:left;font-weight:600;}
.movebtns a.previous {float:right}
.movebtns a:hover {color:#fff;background:#333;}
.movebtns a:before {content:">";display:block;float:left;margin:0 5px;}
.movebtns a.previous:before {content:"<";float:right}

.productsslider {width:65%;float:right;margin:120px 0 80px 0;}
.productsslider .slick-list {padding:20px;}
.productsslider img {margin:auto;max-height:350px;}
.productsslider .imgplace {height:350px;margin:0 0 20px 0}
.productsslider .title {font-weight:600;}
.productsslider a {display:block;color:#000;padding:20px;border-left:1px solid #ccc;text-align:center;min-height:380px;}
.productsslider a:hover, .productsslider a: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);}
.productsslider .slick-next, .productsslider .slick-prev {top:-40px}
.productsslider .slick-next {right:0;}
.productsslider .slick-prev {left:auto;right:30px;}

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

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 #00aeef;*/}

#contactfooter .contactform input:focus, #contactfooter .contactform input[type="checkbox"]:focus,
#contactfooter .contactform textarea: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 #00aeef;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 img {filter: grayscale(100%);}
.invertsite p, .invertsite div, .invertsite li, .invertsite span, .invertsite button, .invertsite input, .invertsite header, .invertsite label,
.invertsite body, .invertsite a, .invertsite h1, .invertsite h2, .invertsite h3, .invertsite h4, .invertsite h5, .invertsite select, 
.invertsite textarea, .invertsite table td, .invertsite table th, .invertsite footer {background-color:#000000 !important;color:#ffffff !important;}
.invertsite .lightblueplace {background:#000000;}
.invertsite input, .invertsite button, .invertsite select, .invertsite .contactform textarea, .invertsite .contactform input[type="submit"],
.invertsite .contactsideplace textarea {border:1px solid #fff;}
.invertsite ::-webkit-input-placeholder {color: #fff;}
.invertsite ::-moz-placeholder {color: #fff;}
.invertsite :-ms-input-placeholder {color: #fff;}
.invertsite :-moz-placeholder {color: #fff;}

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

html:lang(he) .footerlinksbox {width:50%;float:left;padding:0 20px 0 0;border-right:1px solid #ccc;border-left:none}
html:lang(he) .bannerplace {float:right;}
html:lang(he) .logo {float:right;}
html:lang(he) .mainmenu li.topmenu:first-of-type a span:before {left:auto;right: 0px;}

html:lang(he) .mainmenu li li a:before {float:right;margin:2px 0 0 15px;border-width: 6.5px 8px 6.5px 0;border-color: transparent #fff transparent transparent;}
html:lang(he) .mainmenu li li a:hover:before, html:lang(he) .mainmenu li li a:focus:before, html:lang(he) .mainmenu li li.this > a:before {border-color: transparent #ffffff transparent transparent;}
html:lang(he) .mainmenu li.this > a:after {margin:0 0 0 -10px;border-width: 0 11px 13px 11px;border-color: transparent transparent #01416f transparent;}
html:lang(he) .mainmenu li li {float:right;padding:2px 15px 2px 2%;border-right:1px solid #fff;border-left:none} 

html:lang(he) .listtoggle .title:after, html:lang(he) .listtoggle .title:before {right:auto;left:10px;}
html:lang(he) .listtoggle .title:after {right:auto;left:24px;}

html:lang(he) .listitem .title, html:lang(he) .listitem .abstract {float:right}
html:lang(he) .listitem .abstract {border-right:1px solid #000;padding-left:40px;padding-right:0;border-left:none}

html:lang(he) .banner p {float:left}
html:lang(he) .banner p img {float:right;margin:2px 0 0 10px;}

html:lang(he) .contactform input {text-align:right}

html:lang(he) .contactbody p {float:right;}
html:lang(he) .contactbody p img {float:right;margin:-6px 0 0 10px;}


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

	.searchplace, .breadcrumbs, .featuresplace .maincircle, .mainmenu li.this > a:after, .mainmenu li li a:before, .slidetodown {display:none}

	body, input, textarea, select, button, p, li {font-size: calc(14px + 4 * ((100vw - 320px) / 1240));}
	h1 {font-size: 10vw;}
	h2, h3, h4, h5, h6, .sliderhome h2, .sliderhome h3, .smalltitle {font-size: 9vw;}
	h3, h4, h5, h6, .mainabstract, .mainabstract p, .mainabstract li, .leftmenu a {font-size: 5vw;} 
	.sliderhome p {font-size: 4vw;font-weight:500;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #fff;margin:0;line-height:120%}
	.sliderhome h2 {text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #fff;}
	.page {width:94%} 

	.logo, .sticky .logo, body:lang(he) .logo, body:lang(he) .sticky .logo {float:left;margin:5px 0;}
	.logo img, .sticky .logo img {max-width: 160px;max-height: 50px;}

	.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:#00aeef;margin: auto;width: 30px;position:relative}
	.openmenu div:after { content: '';bottom:-4px;}
	.openmenu div:before { content: '';top:-4px;}
	.openmenu.opened {opacity:1}
	.openmenu.opened div:before {transform: translateY(10px) rotate(135deg);}
	.openmenu.opened div:after {transform: translateY(-10px) rotate(-135deg);}
	.openmenu.opened span {transform: scale(0);}

	.menuplace, body:lang(he) .menuplace {display:none;z-index:999;transform: translateX(-100%);background: #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%;border:none;padding:0;}
	.mainmenu li.this > a {background: #00aeef;}
	.mainmenu > li a {color:#000000;padding:10px 5px;text-align:center;border-bottom: 1px solid #00aeef;}
	.mainmenu li li a, .mainmenu li li li a {padding:10px 5px;display:block;text-align:center;border-bottom: 1px solid #00aeef;}

	.mainmenu li li a:hover, .mainmenu li li a:focus, .mainmenu li li.this > a {color: #000;background: #ccc;}

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

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

	#maintitleplace {margin:50px auto 20px auto}

	.contactform div, .docsplace a, .linksplace a {margin:0;}

	.smalltitle {margin: 20px 0 10px 0;}

	.searchplace {top: 43px;}
	.search label {width: 86%;}
	.search .submitsearch {zoom: .8;margin: 3px;}

	.overflowbody {overflow:visible}

	.greyplace {padding:10% 0}
	.smallquadruple .quadruple a, .quadruple .title {font-size: 19px;}
	a.opensearch, body:lang(he) a.opensearch {margin:15px 10px 0 0;zoom:.8;float:right}

	.bigtitle {margin:0 0 20px 0;}

	.listitem .title, .listitem .abstract, .listtoggle .abstract > div {width:100%}
	.tripleboxcolor .imgplace, .tripleboxcolor .imgplace img {height: 300px;}
	.lightblueplace, .whiteplace, .blueplace {padding:20px 0;}

	.pagetitle , .docsplace, .columns {padding:10px 0;}

	.tripleboxcolor .abstract {padding: 10px;}

	.content, .leftcolumn, .footerlinksplace, .socialmedia, .hometext, .rightside, .leftside, .bannerplace, .contactbody, 
	.contactformplace, .features_colors .feature .abstract ul, .dataTables_filter, .dataTables_length, div .moredetails, div .moredetails a,
	div .moredetails button, #contactfooter, .imgside, body:lang(he) .imgside {width:100%;max-width:100%;margin:0 auto 20px auto;}

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

	.imagesplace, .imgside, body:lang(he) .imgside {margin:0 0 50px 0;}

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

	.quadruple, .quadruple2, .tripleboxcolor, .triplebox {width:49.4%}

	div .slick-dots {bottom: 5px;}

	.contactbody p {margin:10px 0;font-size:20px;}

	.featurepopup {left:0;margin:0;width:100%}

	.contactflex, .listitem .flex, .listtoggle.opened .abstract {display:block;float:left;width:100%;}

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

	.featuresplace {height:auto}
	.featuresplace .features {height:auto;position:static}
	.featuresplace .feature {position:static !important;width:100% !important;margin:0 0 20px 0;}
	.featuresplace .feature .imgplace {position:static;float:right;margin:0 0 0 10px ;width:20%}
	.featuresplace .feature .imgplace img {filter: grayscale(0%);}
	.featuresplace .feature .abstract {float:right;width:76%;}
	.featuresplace .feature .title {margin:0;}

	.greyplace p:first-of-type {max-width: 100%;}
	.greyplace p:last-of-type {display:flex}
	.greyplace img {width: 29%;}

	body:lang(he) .logo {float:left}

	.sliderhome {margin: 40px 0 60px 0;}
	.sliderhome img {max-width:none;height:300px;}

	.tripleboxcolor .title {    width: 96%;text-align: center;font-size: 17px;}
}

@media screen and (min-width: 768px) and (max-width: 1239px) 
{
	.page {width:96%}
	h1 {font-size: 6vw;}
	h2, h3, h4, h5, h6, .sliderhome h2, .sliderhome h3, .smalltitle {font-size: 4vw;}
	h3, h4, h5, h6, .mainabstract, .mainabstract p, .mainabstract li {font-size: 3vw;}
	.sliderhome p {font-size: 2vw;}
	.logo img {max-width: 160px;}
	.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;}
	.mainmenu > li a {padding: 17px 5px;font-size: 14px;}
	.sliderhome .page, .sliderhome .caption {left:0;margin:0;width:100%;max-width:100%;padding:4%;}
	.invertsite .accessibility, .accessibility {right:0;}
	.featuresplace {zoom:.7}
	a.opensearch {    margin: 29px 2% 0 2%;}
	.dropmenuplace {top: 86px;}
	#maintitleplace {    margin: 85px 0 0 0;}
}

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

@media (-webkit-device-pixel-ratio: 1.25) {#main {zoom: 0.8;}}
@media (-webkit-device-pixel-ratio: 1.5) {#main {zoom: 0.67;}}

@media print 
{
    * {-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}
}