@import url(https://fonts.googleapis.com/earlyaccess/opensanshebrew.css);
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: #e7e7e7;color: #e7e7e7;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:#14b0bf;color:#ffffff;text-shadow: none;}::-webkit-selection {background:#14b0bf;color:#ffffff;text-shadow: none;}::selection {background:#14b0bf;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%;}li ul, 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;}

body, h1, h2, h3, h4, h5, h6, input, textarea, select, button, p, li {font: normal 16px Open Sans Hebrew, Arial, Helvetica, sans-serif;}
body {font-size:14px;color:#333;-webkit-animation: bugfix infinite 1s;overflow-x:hidden;font-weight:400;background:#edf1f2}
h1, h2, h3, h4, h5, h6, h7 {color:#14b0bf;margin:0px 0px 20px 0px;line-height:100%;}
h1 {font-size:30px;padding: 0px 0px 15px 0px;margin: 0px 0px 25px 0px;border-bottom: 1px dotted #14b0bf;font-weight:600}
h2 {font-size:24px;}
h3 {font-size:20px;}
h4 {font-size:20px;}
h5 {font-size:16px;}
p {margin:0px 0px 15px 0px;line-height:140%;}

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

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:#14b0bf;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, li {transition:none;-o-transition:none;-ms-transition:none;-moz-transition:none;-webkit-transition:none;}

div: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: 5px;}
.mandatoryContacts span {display:inline-block;position:relative;padding:0 10px}
.mandatoryContacts span:before {content: "*";display: block;color: #ff0000;position: absolute;left: 0px;top: 5px;}
.leftside {float:left;width:49%}
.rightside {float:right;width:49%}
.whiteimg {filter: brightness(0) invert(1);}
iframe {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 {position:fixed;left:0;top:0;width:100%;z-index:666;background: #2c5871;    padding: 15px 30px;}
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);}
header:before, header:after {content:"";display:block;height:1px;width:100%;top:5px;position:absolute;left:0;border-top: 1px dotted #abbcc6;}
header:after {border:none;border-bottom: 1px dotted #abbcc6;top:auto;bottom:5px;}

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

.logo {margin:0px 0 0 30px;display: block;float:right;}

.menuplace {position:relative;float:right;    width: 74%;}
.menuplace .page {position:static;}
.menuplace ul {margin:0;}

.mainmenu {display:block;display: flex;align-content:stretch;justify-content:space-between;flex-wrap: wrap;}
.mainmenu li {width: 9%;margin: 0 .5%;}
.mainmenu > li a {height: 105px;background:#284f65 url(../images/menuicon2.png) center 20px no-repeat;border: 1px dotted #879da9;line-height: 14px;display: block;margin: 0px;text-align: center;font-weight: bold;font-size: 14px;color: #fff;padding:60px 5px 5px 5px}

.mainmenu > li:nth-of-type(2n) a {background:#284f65 url(../images/menuicon13.png) center 20px no-repeat;}
.mainmenu > li:nth-of-type(3n) a {background:#284f65 url(../images/menuicon15.png) center 20px no-repeat;}
.mainmenu > li:nth-of-type(4n) a {background:#284f65 url(../images/menuicon8.png) center 20px no-repeat;}
.mainmenu > li:nth-of-type(5n) a {background:#284f65 url(../images/menuicon12.png) center 20px no-repeat;}
.mainmenu > li:nth-of-type(6n) a {background:#284f65 url(../images/menuicon4.png) center 20px no-repeat;}
.mainmenu > li:nth-of-type(7n) a {background:#284f65 url(../images/menuicon9a.png) center 20px no-repeat;}
.mainmenu > li:nth-of-type(8n) a {background:#284f65 url(../images/menuicon14.png) center 20px no-repeat;}
.mainmenu > li:nth-of-type(9n) a {background:#284f65 url(../images/menuicon9a.png) center 20px no-repeat;}
.mainmenu > li:nth-of-type(10n) a {background:#284f65 url(../images/menuicon11.png) center 20px no-repeat;} 
.mainmenu > li:last-of-type a{background:#284f65 url(../images/menuicon11.png) center 20px no-repeat;} 

.mainmenu a:hover, .mainmenu a:focus, .mainmenu li.this > a {background-color: #14b0bf !important;color: #fff !important;}
.mainmenu li.this > a {background-color: #1b00ce !important;color: #d6bca1!important;border: 1px dotted #535838!important;filter: invert(100%);}
 
.mainmenu li li {float:left;margin:10px;width:auto;}
.mainmenu li li a {color:#ffffff;padding:5px;background:none !important;border:none;border-bottom:1px solid #14b0bf;text-align:initial;display:block;    height: auto;}
.mainmenu li li a:hover, .mainmenu li li a:focus, .mainmenu li li.this > a {color:#91be29;}
.mainmenu li li li {float:none;display:block;    margin: 0;}
.mainmenu li li li a {color:#ffffff;font-weight:300;border:none;border-bottom:1px solid transparent;text-align:initial}
.mainmenu li li li a:hover, .mainmenu li li li a:focus, .mainmenu li li li.this > a {color:#91be29;border-bottom:1px solid #91be29;}

.topmenu {display:block;display: flex;align-content:stretch;justify-content:space-between;flex-wrap: wrap;float:right;margin:23px 10px 0 0;}
.topmenu li {}
.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:none;margin:0}
.topmenu li li a {color:#ffffff;font-weight:500;padding:5px 0;border-bottom:1px solid #363636;text-align:initial}
.topmenu li li a:hover, .topmenu li li a:focus, .topmenu li li.this > a {color:#fff;}

.mainmenu li:hover > .dropmenuplace, .topmenu li:hover > .dropmenuplace, .dropmenuplace.show-menu {opacity: 1;display:block}
.dropmenuplace {padding:20px;position: absolute;top: 104px;left: 0px;z-index: 1;opacity: 0;width: 100%;display: none;background: #a05300\95;background: rgba(5, 58, 87, 0.95);}

a.openlogin {color: #284f65;background: #c1d64b;display: inline-block;padding: 8px 20px;font-weight: bold;font-size: 14px; margin: 12px 0 0 0px;}
a.openlogin:hover, a.openlogin:focus, .openlogin.opened {background: #a0b333;color: #fff;}

#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);}

.whatsapp {background: url(../images/whatsapp.png) center center no-repeat;width:40px;height:40px;position:absolute;left:0;top: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 {float:left;width:230px;margin: 3px 0 0 0;}
.search {float: left;margin: 0px;background: #6c8a9c;padding: 5px 7px;width: 215px;}
.search label {margin:0;}
.search input {padding:3.5px 10px;border:none;color:#fff;width: 85%;float: right;}
.search .submitsearch {width: 25px;height: 25px;float: left;padding: 0;background: url(../images/spritesite.png) 1px -41px no-repeat;}
.search .submitsearch:hover {background: url(../images/spritesite.png) 1px -61px no-repeat;}

.search ::-webkit-input-placeholder {color: #ffffff;}
.search ::-moz-placeholder {color: #ffffff;}
.search :-ms-input-placeholder {color: #ffffff;}
.search :-moz-placeholder {color: #ffffff;}

.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 #e7e7e7;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 #e7e7e7;}
.search_results a:hover, .search_results a:focus {background:#f0f0f0;}
 
div .more, div input[type="submit"] {border:none;display: inline-block;margin: 20px auto;background: #14b0bf;color: #ffffff;min-width: 90px;text-align: center;padding: 10px 25px;font-weight:500;}
div .more:hover, div .more:focus, div input[type="submit"]:hover, div input[type="submit"]:focus {background: #333;}

div .moreabout {display: inline-block;margin: 20px auto;background: none;color: #ffffff;text-align: center;padding: 10px 15px;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;font-weight:500;border:1px solid #ffffff;}
div .moreabout:hover, div .moreabout:focus {background: #14b0bf;}

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;font-weight:500;border:1px solid #ccc;}
div .morebtn:hover, div .morebtn:focus {background: #14b0bf;color: #ffffff;border:1px solid #14b0bf;}

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

.maincontent {margin:135px 0 0 0;display:block}

.sliderhome {position: relative;overflow:hidden;}
.sliderhome div, div .slick-dotted.slick-slider {max-height:650px;margin:0;} 
.sliderhome .caption {height: auto;color: #ffffff;padding: 2.5%;width: 500px;background: #000000\8;background: rgba(0, 0, 0, 0.8);right: 0;position:absolute;bottom:0;}
.sliderhome h2 {font-size:40px;color:#ffffff;font-weight:900}
.sliderhome h3 {font-size:24px;color:#ffffff;}
.sliderhome p {font-size:16px;color:#ffffff;}
.sliderhome img {margin: 0 0 -5px 0;}

.gototop {position: fixed;border:none;bottom: 1%;width: 41px;right: 20px;display: inline-block;padding: 3px;background: #c1d64b;z-index: 1111;cursor: pointer;}
.gototop span {width: 35px;height: 35px;display: block;border: 1px dotted #2c5871;background: url(../images/toparrow.png) 6px 5px no-repeat;}

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

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

.bigtitle {border-bottom:5px solid #14b0bf;}
.bigtitle span {background:#14b0bf;font-size:24px;color:#ffffff;padding:5px 10px;font-weight:600;}

.features_solutionsplace {margin:40px 0;}
.features_solutions {}
.features_solutions .feature {width:32.6%;overflow:hidden;max-height:200px;position:relative;margin:1% 1% 0 0;float:left}
.features_solutions .feature.nomargin {margin:1% 0 0 0;}
.features_solutions .feature .title {color:#fff;font-weight:600;padding:10px 0}
.features_solutions .feature .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;}
.features_solutions .feature .moreabstract {display:none;opacity:0}
.features_solutions .feature a {color:#fff;display:block;}
.features_solutions .feature 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='#00a05300', endColorstr='#a05300',GradientType=0 ); }
.features_solutions .feature 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 ); }
.features_solutions .feature a:hover .moreabstract, .features_solutions .feature a:focus .moreabstract {display:block;opacity:1}
.features_solutions .feature a:hover:after, .features_solutions .feature a:focus:after {opacity:1}

.features_colors .feature {width:49.5%;float:left;margin:0 0 1% 0;}
.features_colors .feature:nth-of-type(2n), .features_colors .feature:nth-of-type(3n) {float:right}
.features_colors .feature .title {background:#14b0bf;padding:5px 10px;color:#ffffff;font-size:24px;font-weight:800;}
.features_colors .feature:nth-of-type(2n) .title {background:#91be29;}
.features_colors .feature:nth-of-type(3n) .title {background:#a05300;}
.features_colors .feature .abstract {padding:10px;}
.features_colors .feature .abstract a {display:block;color:#000000;}
.features_colors .feature p, .features_colors .feature .abstract ul li {margin:0 0 5px 0;}
.features_colors .feature .abstract a:hover, .features_colors .feature .abstract a:focus {text-decoration:underline;color:#14b0bf;}
.features_colors .feature:nth-of-type(2n) .abstract a:hover, .features_colors .feature:nth-of-type(2n) .abstract a:focus {color:#91be29;}
.features_colors .feature:nth-of-type(3n) .abstract a:hover, .features_colors .feature:nth-of-type(3n) .abstract a:focus {color:#a05300;}
.features_colors .feature:hover .abstract {background:#f4f4f4;}
.features_colors .feature img {margin:50px auto 0 auto;}
.features_colors .feature:nth-of-type(2n) img, .features_colors .feature:nth-of-type(3n) img {float:right;max-width:49%;margin:20px auto;}
.features_colors .feature .abstract ul {width:49%;float:left;}
.features_colors .feature .abstract ul:nth-of-type(2n) {float:right;}

.features_bottom {display: flex;align-content:stretch ;justify-content:space-between;flex-wrap: wrap;}
.features_bottom .feature {width:24%;}
.features_bottom .feature .title {color:#14b0bf;font-size:24px;font-weight:800;margin:0 0 15px 0;line-height:110%}
.features_bottom .feature a {display:block;color:#000000;padding:4%;}
.features_bottom .feature p {line-height:120%}
.features_bottom .feature a:hover, .features_bottom .feature 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);}

.blueplace {padding:60px 0;background:#a05300;}

.whiteplace {padding:60px 0 100px 0;margin:0 0 -60px 0}

.mapplace {background:#a05300 url(../images/map.png) -30% 30% no-repeat;}

.indexgreenplace {padding: 40px 30px 40px 0px;background:#b4ca43;}
.indexcontent {max-width:70%;float: right;font-size: 16px;color: #000;}
.indexcontent h1 {    color: #000;}
.indexcontent a {color:#2c5871;}

.hometext {width:49%;float:left;color:#fff;}
.hometext h2 {color:#14b0bf;margin:0 0 30px 0;}
.hometext p {font-weight: 300;}
.hometext a {color:#fff;text-decoration:underline}
.hometext iframe {margin:30px 0 0 0;}

.newshomeplace h2 {color:#14b0bf;margin:0 0 30px 0;}
.newshomeplace .moreabout {float:right;margin:0;}
.newshome > div {margin:0 0 20px 0;font-weight: 300;}
.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:#14b0bf;}
.newshome .abstract {overflow:hidden}
.newshome .date {color:#14b0bf;font-weight: 400;padding: 0 10px;}
.newshome .title {font-weight:600}

.breadcrumbs {background:#14b0bf;margin:0px 0px 30px 0px;width:100%;float:left;padding:7px 30px 7px 0px;font-size:11px;color:#2c5871;}
.breadcrumbs li {font-size:11px;}
.breadcrumbs span {padding: 0 5px;}
.breadcrumbs a {color:#173f4b;}
.breadcrumbs a:hover, .breadcrumbs a:focus {text-decoration: underline}
.breadcrumbs br {display:none}

.pagetitle {position:relative}

.content {float:right;width:60%;margin: 0 0 0 21%;}
.content.contentwide {width:100%;margin: 0;}
.content p a {text-decoration:underline;font-weight: 600;}
.columns {padding:0 30px 4% 30px;position: relative;z-index: 2;}
.content h2 {    color: #2c5871;font-size: 26px;margin: 5px 0px 10px 0px;}
.content h3 {color: #2c5871;font-size: 20px;margin: 25px 0px 5px 0px;}
.leftcolumn {float:right;width:16%;margin:0 0 0 30px;}

.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:500px;margin:auto}
.imagesplace .slick-dots {bottom:-20px;}
.imagesplace .slick-dots li button:before, .imagesplace .slick-dots li.slick-active button:before {color:#14b0bf;}

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

.curtainplace {/*background: #000000\8;background: rgba(0, 0, 0, 0.8);width:100%;position:absolute;left:0px;bottom:0px;margin:0;*/}
.curtainplace .curtain {padding:5px;color:#000000;font-size:14px;/*padding:5px;display:block;color:#ffffff;text-align:center*/}

.smalltitle {font-size:24px;color:#696767;font-weight:400} 

.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 h4 {font-weight:400;}

.tripleboxplace {display: flex;align-content:stretch;justify-content:space-between;flex-wrap: wrap;}
.triplebox {width: 32.6%;position: relative;margin: 1% 1% 0 0;float: left;background: #edf1f2;}
.triplebox .title {    color: #14b0bf;font-size: 20px;margin: 0px; background: #000000\8;background: rgba(0, 0, 0, 0.8);padding: 10px 0px;width: 100%;text-align: center;position: absolute;bottom: 0px;left: 0px;}
.triplebox a {display:block; overflow: hidden ;  border: 2px dotted transparent;}
.triplebox a:hover, .triplebox a:after {    border: 2px dotted #333;}
.triplebox a:hover .title {background: #14b0bf;color: #fff;width: 80%;height: 80%;line-height: 230px;padding: 0px;left: 10%;bottom: 10%;}
.triplebox img {margin:auto;width: auto;height: 300px;max-width:none;}
.triplebox p {font-weight: 300;}

.flextriplebox {width: 32.3%;overflow: hidden;position: relative;flex-grow: 3;margin: .5%;max-height:none}

.quadrupleplace {display: flex;align-content:stretch;flex-wrap: wrap;justify-content: center;}
.quadruple {width:22%;position:relative;margin:1.5%;text-align:initial}
.quadruple .title {color:#000000;font-weight:600;margin:20px 0;font-size:20px;}
.quadruple .abstract {}
.quadruple a {display:block;color:#000000;}
.quadruple .imgplace {height:320px;overflow:hidden}
.quadruple img {margin:auto;filter: grayscale(100%);height:320px;max-width:none;width:auto}
.quadruple a:hover .imgplace, .quadruple a:focus .imgplace {-moz-box-shadow: 0px 0px 1px rgba(0,0,0,0.5);-webkit-box-shadow: 0px 0px 1px rgba(0,0,0,0.5);box-shadow: 0px 0px 1px rgba(0,0,0,0.5);}
.quadruple a:hover img, .features_colors .feature a:focus img {filter: grayscale(0%);}
.quadruple .more {float:right;margin:0;}

.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 {padding:20px;border:1px solid #14b0bf;overflow:hidden}
.listitem .title {display:inline-block;padding:10px;background:#14b0bf;color:#fff;font-weight:600;}
.listitem a {color:#000000;display:block}
.listitem a:hover .abstract, .listitem a:focus .abstract {background:#f0f0f0;}
.listitem a:hover .more, .listitem a:focus .more {background:#a05300;color: #ffffff;}
.listitem .abstractdata {overflow:hidden}
.listitem .more {float:right;margin:10px 0 0 0;background:none;border:1px solid #14b0bf;color:#14b0bf; padding:10px 15px;}
.listitem li {font-size:14px;}
.listitem.noborder .abstract {border:none;border-top:1px solid #14b0bf;}

.listitem.management .abstract {padding:20px 0;}
.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 {padding: 0px 0px 20px 0px;margin: 0px 0px 20px 0px;border-bottom: 1px solid #cccccc;position: relative;}
.liststyle .title {color:#14b0bf;font-size: 26px;}
.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:#14b0bf;}
.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;}
.liststyle .imgplace {width:200px;float:right;margin:0 0px 0 40px;position:relative}
.liststyle .imgplace img {margin:auto;}

.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;font-weight:600;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%);}

.doublebox {float:left;margin:0px 6% 6% 0px;width:47%;}
.doublebox img {max-width:100%;}
.doublebox .title {color:#2c5871;font-size:20px;margin:10px 0px;}
.doublebox.nomargin {margin:0px 0 6% 0px;}

.youtubelists a, .youtubelists {position:relative;display:inline-block;}

.play {background:url(../images/play.png) 0px -110px no-repeat;width:103px;height:103px;display:block;position:absolute;left:50%;top:50%;margin:-50px 0px 0px -50px;}
.doublebox:hover .play {background-position:0px 0px;}

.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: #14b0bf;margin: 0 0 5px 0;font-weight: 500;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: #14b0bf;margin: 0 0 5px 0;font-weight: 500;font-size: 16px;}

.leftmenu {border-bottom: 1px dotted #abbcc6;} 
.leftmenu a {display: block;border-top: 1px dotted #abbcc6;position: relative;color: #fff;font-size: 16px;padding: 7px 10px 7px 0px;background: #2c5871;}
.leftmenu a:hover, .leftmenu a.this, .leftmenu a:focus {color:#fff;background:#173f4b ;}
.leftmenu a.level0.this {color: #2c5871;background: #c1d64b url(../images/bottomarrow.png) 10px 15px no-repeat;}
.leftmenu .level1 {}
.leftmenu .level2 {padding:7px 30px 7px 10px;font-size:14px;}
.leftmenu .level3 {}
.leftmenu .level3 {}

.contactbody {float:left;position: static;margin: 0px 30px 0px 0px;width:16%;}
.contactbody h3 {color: #2c5871;font-size: 20px;margin: 5px 0px 5px 0px;}
.contactbody a {color:#14b0bf;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 #e7e7e7;}
.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:60%; }
.contactformplace .smalltitle {font-size: 20px;color:#636363;}

.contactform .comments, .contactform .jointomailinglist, .contactform .btnplace {width:100%;float:left;line-height: 120%;}
.contactform .s_top {position:absolute;left:0;top:0px;font-size:12px;font-weight: 500;opacity:0}
.contactform .viewframe {opacity:1;top:-15px;}
.contactform input[type="submit"] {background: #c1d64b;color: #333;padding: 15px 20px;margin: 10px 0px;float: left;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;width:auto}
.contactform input[type="submit"]:hover, .contactform input[type="submit"]:focus {background: #333;color: #fff;}
.contactform .ri, .contactform .le {width:48%;float:right}
.contactform .le {float:left}

.registerform {float:none;width:100%;}
.registerform span {padding:0 10px}
.registerform input {width: 78%;}

#contactfooter {display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000\5;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;}
#contactfooter .contactform {position: fixed;
    left: 50%;
    top: 25%;
    width: 700px;
    margin: 0 0 0 -350px;
    padding: 30px;
    background: url(../images/bgcontact.png);}
#contactfooter.opened {display:block}
#contactfooter .contactform label {margin:0 0 15px 0;}
#contactfooter .contactform input, #contactfooter .contactform select, #contactfooter .contactform textarea {color:#000;}
#contactfooter .contactform ::-webkit-input-placeholder {color: #000;}
#contactfooter .contactform ::-moz-placeholder {color: #000;}
#contactfooter .contactform :-ms-input-placeholder {color: #000;}
#contactfooter .contactform :-moz-placeholder {color: #000;}
#contactfooter .contactform input[type="submit"] {border: none;
    display: inline-block;
    margin: 20px auto;
    background: #14b0bf;
    color: #ffffff;
    min-width: 90px;
    text-align: center;
    padding: 10px 25px;
    font-weight: 500;}
#contactfooter .contactform .close {width: 40px;
    height: 40px;
    background: #c1d64b url(../images/closecustom.png) 10px 10px no-repeat;
    top: -50px;
    right: 0px;position:absolute}
#contactfooter .contactform .close:hover {background-color: #a0b333;
    opacity: 1;}
#contactfooter .contactform textarea, #contactfooter .contactform input {border:none;padding:5px 10px;width:100%}
#contactfooter .contactform input[type="submit"]:hover, #contactfooter .contactform input[type="submit"]:focus {background-color:#14b0bf;}
#contactfooter .contactform .jointomailinglist, #contactfooter .contactform .comments {float:none;font-size:14px;}
#contactfooter .contactform label.jointomailinglist {display:none}

.opencontact {filter: brightness(1.2) invert(0);position: fixed;left: 0px;bottom:4%;width: 359px;    padding: 14px 0 33px 0;text-align: center;font-size: 25px;background: url(../images/bgcontactflat2.png) right center no-repeat;color: #fff;display: block;border:none}
.opencontact:hover, .opencontact:focus {filter: brightness(1) invert(0);}

.infobox {border:1px solid #e7e7e7;margin:0 0 30px 0;}
.infobox .abstract {padding:10px;}
.infobox a {color:#a05300;display:block}
.infobox .title {color:#14b0bf;font-size:14px;font-weight:600;}
.infobox .more {background:none;border:none;color:#14b0bf;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 #e7e7e7;margin:0 0 30px 0;display:none}
.viewedplace h3 {text-align:center;font-size:16px;color:#000;padding:15px 2px;border-bottom:1px solid #e7e7e7;font-weight:400;}
.vieweditem {margin:20px;border-bottom:1px solid #e7e7e7;padding:20px;text-align:center}
.vieweditem:last-of-type {border:none}
.vieweditem .imgplace img {margin:auto;max-height:100px;}
.vieweditem a {color:#14b0bf;}
.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 #e7e7e7;}
.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:#14b0bf;}
.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 #e7e7e7}
.searchstyle .title {color:#636363;font-weight:600;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:#14b0bf;}
.searchstyle input[type="submit"] {float:left;padding:5px 10px;font-size:14px;font-weight:300;width:auto}

.searchresults {padding:0px 0 20px 0;margin:0px 0 20px 0;border-bottom:1px solid #e7e7e7}
.searchresults a:hover, .searchresults a:focus {text-decoration:underline}
.searchresults div {padding:5px 0;}
.searchresults div span {font-style:italic}
.searchresults h3 {margin:0;}

.faqsplace .question {color:#14b0bf;font-weight:600;padding:10px;border-bottom:1px solid #14b0bf;margin: 40px 0 0 0;}
.faqsplace .question p, .faqsplace .question li {font-weight:600;text-align:initial;margin:0;}
.faqsplace .question:hover, .faqsplace .question:focus, .faqsplace .question.opened {background:#14b0bf;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:#14b0bf;text-decoration:underline}
.contrydata {margin:0 0 40px 0;}
.contrydata div {padding:5px 0;border-bottom:1px solid #e7e7e7;}
.contrydata div span {font-weight:600;color:#636363;}
.contrydata a {color:#14b0bf;}

.eventitem {padding:0 0 30px 0;margin:0 0 30px 0;border-bottom:1px solid #e7e7e7;}
.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:#14b0bf;text-decoration:underline}

.videoitem {}
.videoitem .title {color:#fff;font-weight:600;}
.videoitem .abstract {background:#14b0bf;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='#0014b0bf', endColorstr='#14b0bf',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;font-weight:300}
.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;font-weight:600;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 #e7e7e7;padding:10px;margin:0 0 10px 0;height:200px;}
.imageitem .imgplace img {max-height:180px;max-width:280px}
.imageitem a {color:#000000;font-weight:600;}
.imageitem a:hover, .imageitem a:focus {color:#14b0bf;}
.imageitem a:hover .imgplace, .imageitem a:focus .imgplace {border:1px solid #14b0bf;}

.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;font-weight:bold;}
.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:#14b0bf;text-decoration:underline}

footer {color: #c8d2db;padding: 40px 30px 0px 30px;background:#2c5871;position:relative;z-index:9}
footer:before {content:"";display:block;height:1px;width:100%;top:5px;position:absolute;left:0;border-top: 1px dotted #abbcc6;}

.bannerplace {float:right;width:45%}
.banner {margin:0 0 20px 0;font-weight: 300;}
.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:#14b0bf;}
.banner .title {font-weight:600;color:#14b0bf;}
.banner p {font-size:14px;}

input[type="submit"].contactseller {text-align:right;max-width:300px;padding:0px 10px 0px 0px;font-weight:bold;display:inline-block;background: url(../images/bgcontactseller.png) no-repeat;color:#333;font-size:16px;width:191px;height:58px;margin:0px 0px 10px 0px;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;position:relative;}
input[type="submit"].contactseller:hover {background: url(../images/bgcontactseller2.png) no-repeat;}

.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 {float:right;}

.footerlinksbox {margin: 0px 0px 0px 60px;float:left}
.footerlinksbox a {display: block;font-size: 13px;color: #fff;margin: 0px 0px 5px 0px;}
.footerlinksbox a:hover, .footerlinksbox a:focus {text-decoration:underline;color:#a6dae8;}
.footerlinksbox .title {font-size: 16px;font-weight: bold;color: #fff;margin: 0px 0px 10px 0px;}
.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 {border-top: 1px dotted #abbcc6;padding: 10px 0px;margin: 50px 0px 0px 0px;font-size: 12px;    width: 100%;float: left;}
.credits a {display: inline-block;color: #a6dae8;font-size: 12px;}
.credits a:hover, .credits a:focus {text-decoration:underline}

.languages {display:none;position:absolute;left:50%;top:55px;background: #a05300\95;background: rgba(5, 58, 87, 0.95);width:100px;z-index: 2;margin:0 0 0 -45px;}
#openlogin2:hover .languages {display:block}
.languages a {display:block;  color: #ffffff;font-weight: 500;padding: 6px 0;border-bottom: 1px solid #14b0bf;padding:5px 10px;font-size:14px;}
.languages a:hover, .languages a:focus {background:#14b0bf;}

.loginplace {display:none;position:fixed;left:0;top:0;width:100%;height:100%;background: #000\5;background: rgba(0, 0, 0, 0.5);z-index:999;}
.logindata .close {width: 40px;
    height: 40px;
    background: #c1d64b url(../images/closecustom.png) 10px 10px no-repeat;
    top: -50px;
    right: 0px;position:absolute}
.logindata .close:hover {background-color: #a0b333;
    opacity: 1;}
.logindata {position:fixed;left:50%;top:25%;width:700px;margin:0 0 0 -350px;padding: 30px;
    background: url(../images/bgcontact.png);}

.logindata button, .logindata 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 {color:#14b0bf}
.logindata p {text-align: center;}
.logindata .title {
    display: block;
    padding: 0px 0px 10px 0px;
    border-bottom: 1px dotted #000;
    margin: 0px 0px 30px 0px;
    text-align: center;font-size: 30px;
}


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

.shoppingcarticon {border:none;background: url(../images/cart.png) center center no-repeat;width: 50px;height: 50px;float:right;margin:20px 0 0 10px;position:relative}
.shoppingcarticon:hover, .shoppingcarticon:focus, .shoppingcarticon.opened {}
.shoppingcarticon .numof {color:#fff;background:#e12127;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;position:absolute;width:24px;height:24px;margin:0 0 0 -7px;left:50%;top:0px;font-size: 14px;line-height: 180%;text-align:center}

.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;font-weight: 800;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;}
.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 {font-weight:600;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;}
*/
table caption {display:none}

.ogencartpage {/*width:980px;margin:0px auto;position:relative;*/}
.ogencart {width:276px;border:2px dotted #6e6e6e;background:url(../images/bgcontact.png);position:fixed;left:30px;top:132px;z-index:777;padding:15px 15px 15px 15px;}
.ogencart .spring {background:url(../images/spring.png) repeat-x;height:25px;position:absolute;top:-17px;left:0px;width:100%;}
.ogencart h3 {color:#333;font-weight:900;font-size:17px;margin:1px 30px 0px 0px;}
.tooglecart {display:none;}
.tooglecart h3 {margin:0px;}
.ogencart .addtofav {display:none;color:#333;margin:10px 0px 0px 0px;cursor:pointer;}
.ogencart .addtofav span {float:right;margin:-3px 0px 0px 5px;display:inline-block;width:25px;height:25px;background:#c1d64b url(../images/spritesite.png) 5px -83px no-repeat;}
.ogencart .addtofav:hover {color:#a0b333;}
.ogencart .addtofav:hover span {background-color:#a0b333;}
.ogencart .sendorder {line-height: 40px;border-top:1px dotted #14b0bf;border-bottom:1px dotted #14b0bf;padding:10px 0px;overflow:hidden;margin:5px 0px;color:#333;}
.ogencart .sendorder span {color:#14b0bf;font-size:16px;}
.ogencart .sendorder .bluecart {float:right;margin:2px 0px 0px 5px;display:inline-block;width:30px;height:30px;background: url(../images/spritesite.png) -95px -140px  no-repeat;}
.ogencart .sendorder input {float:left;color:#fff;font-weight:bold;padding:10px;background:#cc3300;max-width:none;width:auto;font-size:13px;margin:0;}
.ogencart .sendorder input[type="radio"] {float:right;padding:0px;margin:4px 5px 0px 5px;}
#deliveryMethodRadioError {
	display:none;
	color:red;
}
#deliveryMethodRadioError.visible {
	display:block !important;
}
#deliveryMethodRadio {
	margin: 0 0 5px 0;
	direction: rtl;
}
/*#deliveryMethodRadio div {line-height:20px;overflow:hidden;}*/
#deliveryMethodRadio input {

}

	#deliveryMethodRadio label {
		line-height: 20px;
		margin: 4px 5px 0px 15px;
	}

.contactform label {
	margin: 0px 0px 20px 0px;
	display: block;
	position: relative;
	padding: 0;
	border-bottom: 1px solid #999999;
}
.contactform input {
	width: 80%;
	padding: 4px 5px;
}
.contactform span {
	border-right: none;
	border-left: 1px solid #999999;
}

.contactform label input {border:none}
.contactform.lightform label span {width:20%;display:inline-block}

.cardtocard {z-index:1111;display: none;width: 40px;height: 40px;position:absolute;left:0px;top:0px;background: url(../images/spritesite.png) -91px -136px no-repeat;}

.ogencart .sendorder input:hover {
	background: #333;
}
.ogencart .cartlist {width:100%;border:none;}
.ogencart .cartlist td, .ogencart .cartlist th {font-size:12px;color:#666666;border:none;padding:5px 0px;background: url(../images/dashed.png) left bottom repeat-x;}
.ogencart .cartlist th {padding:8px 0px;}
.ogencart .cartlist .strong {min-width:70px;}
.ogencart .cartlist th {font-weight:900;color:#14b0bf;}
.ogencart .cartlist .title {font-weight:900;padding-top:15px;}
.ogencart .cartlist .name {width:65%;font-size:13px;cursor:pointer;}
.ogencart .delcart {float:left;display:inline-block;margin:0px;color:#333; cursor: pointer;}
.ogencart .delcart span {float:left;margin:-3px 5px 0px 0px;display:inline-block;width:25px;height:25px;background:#14b0bf url(../images/spritesite.png) -76px -220px no-repeat;}
.ogencart .delcart:hover span {background-color:#333;}

.ogencart .cartRemark { display:none; position: absolute; top: 8px; left: 8px; bottom: 8px; right: 8px; background: url(../images/bgcontact.png); z-index: 10000}
.ogencart .cartRemark h3 { margin: 7px 43px; }
.ogencart .cartRemark #hfld_cartremark { background: #FFF; height: 150px; border: 1px dotted #6e6e6e; margin-bottom: 5px; }
.ogencart .cartRemark #sendorder {float:left;color:#fff;font-weight:bold;padding:10px;background:#cc3300;max-width:none;width:auto;font-size:13px;}

.cartlistplace {max-height:300px;padding:15px 0px 0px 0px;overflow-x: hidden;overflow-y:scroll;}

.closecart {cursor:pointer;z-index:1111;position:absolute;right:15px;top:13px;display:block;width:25px;height:25px;background:#cc3300 url(../images/bottomwhitearrow.png) center center no-repeat;/*-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;*/}
.closecart:hover {background-color:#000;}
.closecart.open {background:#000 url(../images/close.png) center center no-repeat;}
.closecart.open:hover {background-color:#cc3300;}

.closeremark {cursor:pointer;z-index:1111;position:absolute;right:7px;top:5px;display:block;width:25px;height:25px;background:#cc3300 url(../images/bottomwhitearrow.png) center center no-repeat;}
.closeremark:hover {background-color:#000;}
.closeremark.open {background:#000 url(../images/close.png) center center no-repeat;}
.closeremark.open:hover {background-color:#cc3300;}

.editinput {cursor:pointer;text-align:center;}
.fixcardplace {position:relative;}
.fixcardplace .minimenuplace {display:none;background:#c1d64b;padding:5px;position:absolute;left:-90px;top:-40px;width:250px;z-index:999;}
.smallcartplace {display:none;}

a.signup {
	display: inline-block;
	float: left;
	color: #fff;
	background: #cc3300;
	padding: 0px 10px;
}


.tdstyledel.delete {
	float: left;
	margin: -5px 0px 0px 0px;
	display: inline-block;
	width: 20px;
	height: 25px;
	background: url(../images/spritesite.png) -57px -220px no-repeat;
	cursor: pointer;
}

.productsplace {display: flex;align-content: space-between;justify-content: space-between;flex-wrap: wrap;margin: 0 0 60px 0;}
.productsplace.productsplaceloading {background-image: url('../images/Loading.gif');background-repeat: no-repeat;background-position: center;min-width: 100%;min-height: 80px;}
.productbox {width: 31.6%;position: relative;margin:0 0 20px 0;background: #fff;border: 1px dotted #333;padding:10px;}
.productbox .imgplace {height:150px;overflow:hidden}
.productbox .imgplace img {max-height:140px;}
.productbox .abstract {border-top: 1px dotted #cccccc;margin:10px 0;padding:10px 10px 0px 10px ;}
.productbox .title {font-weight:600;}
.productbox a {color:#000000;display:block;}
.productbox:hover, .productbox a:focus {}
.productbox li {font-size:14px;}
.productbox .makat {color: #14b0bf;font-size: 20px;float:right}

.priceOfItem {direction: ltr;display: block;}

.sortplace {padding:20px 0;}
.sortplace span {display:inline-block;float:left;color:#999999;font-size:14px;padding:5px 0 0 0}
.sortplace button {border:1px solid #999999;color:#999999;margin:0 0 0 10px;width:auto;padding:3px 13px;float:left;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}
.sortplace button:hover, .sortplace button:focus, .sortplace button.chossen {border:1px solid #14b0bf;color:#14b0bf;}
.sortplace .viewas, .sortplace .sortresults, .sortplace .sortby {float:right;}
.sortplace .sortbyplace {float:right;display:none}
.sortplace select, .sortplace input {border:1px solid #999999;color:#999999;margin:0 0 0 10px;width:auto;padding:3px 13px;float:left;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}
.sortplace select:hover, .sortplace select:focus {border:1px solid #14b0bf;color:#14b0bf;}
.sortplace label {display:inline-block;margin:0;}
.sortplace .sortresults {margin:0 10px 0 0;}

.dataTables_filter, .dataTables_length {width:300px;}
.dataTables_filter input, .dataTables_length select {width:60%;}
 
div table.dataTable thead th, table.dataTable thead td, div table.dataTable.no-footer {border-bottom: none}
div table.producttable.dataTable tbody th, table.producttable.dataTable tfoot th, div table.producttable.dataTable tbody td {padding: 5px 15px;}
div table.dataTable thead th, table.dataTable thead td {border-bottom: none;font-weight:500}

div .dataTables_wrapper {width:100%;}
div .dataTables_wrapper .dataTables_paginate, div .dataTables_wrapper .dataTables_info {margin:20px 0 0 0}
div .dataTables_wrapper .dataTables_paginate .paginate_button {border-radius: 0;background:none;margin-left: 5px;color:#666;}
div .dataTables_wrapper .dataTables_paginate .paginate_button.current, div .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
div .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {background:#14b0bf;color:#fff;border:1px solid #14b0bf}

.producttable {width:100%;background:#fff;border:none;border-top:1px dotted #000;border-bottom:1px dotted #000;}
.producttable th, .producttable td {font-size:14px;color:#000;border:none;border-bottom:2px solid #edf1f2;padding:2px 5px;text-align:right;vertical-align:middle;}
.producttable th, table.producttable.dataTable thead th {padding:5px;font-weight:bold;border-bottom:2px solid #edf1f2;}
.producttable td img {max-width:35px;max-height:45px;}
.producttable td .tableimgplace {display:table-cell;width:35px;height:45px;vertical-align:middle;}
.producttable td:first-child {padding:2px 30px 2px 0px;}
.producttable .price {color:#14b0bf;}
.producttable .newproduct {display:inline-block;font-size:9px;background: url(../images/bgnew3.png) no-repeat;width:50px;height:25px;line-height:25px;color:#fff;text-align:center}
.producttable .saleproduct {display:inline-block;font-size:9px;background: url(../images/bgnew2.png) no-repeat;width:35px;height:35px;line-height:35px;color:#fff;text-align:center;}

 .pricons {margin:0px 15px;position: relative;z-index:3}
 .pricons .icons {display:inline-block;float:left;width:32px;height:32px;margin:0px 10px 0px 0px;cursor:pointer;}
 .pricons .cart {background:#14b0bf url(../images/spritesite.png) -91px -174px no-repeat;}
 .pricons .cart:hover {background-color:#c1d64b}
 .pricons .cart.this {background-color:#c1d64b}
 .pricons .cart.this .numofitemtocard {display:block}
 .pricons .cart.this .number {}
 .pricons .fav {background:#d6d6d6 url(../images/spritesite.png) -95px -215px no-repeat;}
 .pricons .fav:hover {background-color:#999999 ;}
 .pricons .fav.this {background-color:#c1d64b}

 .iconstd {padding-left:20px;}
 .numofitemtocard {z-index:110;display: none;padding:3px;position:absolute;left:-7px;top:-5px;background:#c1d64b;}
 .numofitemtocard.closed {display:none !important}
 .numofitemtocard div {color:#000;font-size:14px;width:34px;height:34px;line-height:34px;border:1px dotted #000;text-align:center;}
 .minimenuplace {
    display:none;
    background:#c1d64b;
    padding:5px;
    position:absolute;
    left:-75px;
    top:-60px;
    width:170px;
    z-index:999;
    width:300px;
    height:45px;
}
 .minimenuplace .minimenu {
    border: 1px dotted #fff;
    overflow: hidden;
}
.minimenu .approve {
    float: left;
    margin: 0px 1px 0px 0px;
    display: inline-block;
    text-align: center;
    font-weight: 300;
    font-size: 16px;
    width: 109px;
    color: #fff;
    height: 30px;
    line-height: 30px;
    background: #333;
}
.minimenu input[type="text"] {
    float: left;
    margin: 0px 1px 0px 0px;
    width: 80px;
    height: 30px;
    background: #f9fbed;
    color: #666;
    text-align: center;
	border: none;
}
.minimenu .plus {
    float: left;
    margin: 0px 1px 0px 0px;
    display: inline-block;
    width: 25px;
    height: 30px;
    background: url(../images/spritesite.png) 1px -195px no-repeat;
}
.minimenu .minus {
    float: left;
    margin: 0px 1px 0px 0px;
    display: inline-block;
    width: 25px;
    height: 30px;
    background: url(../images/spritesite.png) 1px -220px no-repeat;
}
.minimenu .delete {
    float: left;
    margin: 0px 1px 0px 0px;
    display: inline-block;
    width: 25px;
    height: 30px;
    background: url(../images/spritesite.png) -55px -218px no-repeat;
}
.minimenuplace .arrow {
    display: inline-block;
    position: absolute;
    left: 50%;
    bottom: -7px;
    margin-left: -7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7px 0 7px;
    border-color: #c1d64b transparent transparent transparent;
    line-height: 0px;
    _border-color: #c1d64b #000000 #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
#paging {
    float: right;
    border-top: 1px dotted #666;
    padding: 15px 0px 0px 0px;
    margin: 30px 0px 50px 0px;
    width: 100%;
}
#paging a {
    cursor: pointer;
    width: 35px;
    height: 35px;
    color: #999;
    border: 1px solid #999;
    text-align: center;
    line-height: 34px;
    /* float: left; */
    margin-left: 10px;
    display: inline-block;
}
#paging a:hover {
    background-color: #fff;
}
#paging a.this {
    background-color: #d9dcdd;
}



.moredetails, .moredetails a, .moredetails button {
	float: right;
	margin: 0 0 0 10px;
}

.imagesplace.imgtop {margin:-80px 0 40px 40px;}
.imgside.imgtop {margin:-80px 0 40px 40px;}

.docsplace {border:none;border-top: 1px solid #ccc;}

.tabsplace {clear:both}
.tabsplace button {float:left;padding:10px 15px;color:#14b0bf;border:none;width:auto}
.tabsplace button:hover, .tabsplace button:focus, .tabsplace button.this {color:#ffffff;background:#14b0bf}

.tab.bodytext {/*border:1px solid #14b0bf;padding:20px;*/display:none}
.tab.bodytext.this {display:block}
/*
.similarplace {margin:40px 0 0 0;display:none}
.similarplace h3 {display: inline-block;padding: 10px;background: #14b0bf;color: #fff;font-weight: 600;font-size:16px;font-weight:500;margin:0}

.similarslider {border: 1px solid #14b0bf;padding:2% 8%;text-align:center}
.similarslider .slide {padding:2%}
.similarslider .title {color:#14b0bf;margin:10px 0;font-weight:500;}
.similarslider .imgplace img {margin:auto;max-height:100px;}
.similarslider a {color:#000000;display:block}
.similarslider a:hover, .similarslider a:focus {color:#14b0bf;}
.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);}
	*/
.listitem .imgplace {padding:30px 0;}
.listitem .imgplace .producticon {position:absolute;right:auto;left:0;top:0;overflow: hidden;}
.listitem .imgplace .producticon img {max-width:60px;max-height:60px}

.producticon {overflow: hidden;position:absolute;right:0;top:0;float:right;border:1px solid #14b0bf;background:#fff;width:70px;height:70px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}
.producticon img {max-width:60px;max-height:60px;-webkit-transform: translate(0, 0%);-ms-transform: translate(0, 0%);transform: translate(-50%, -50%);position: absolute;top: 50%;left: 50%;}

.changeq {margin: 20px auto;float:right;}
.changeq button, .changeq input {background: #d7d7d7;width: 40px;height: 40px;float: right;margin: 0 0px;cursor: pointer;position:relative;border:1px solid #ccc}
.changeq button:hover, .changeq button:focus {background:#999;}
.changeq button:before, .changeq button:after {content:"";display:block;width:10px;height:2px;background:#000;position:absolute;left:16px;top:20px;}
.changeq .plus:after {left:20px;top:16px;width:2px;height:10px;}
.changeq input {text-align: center;font-size: 20px;width: 40px;color:#0c1b74;background:none}

.AddToCart {float: left;border: none;width: auto;margin: 20px 0;cursor: pointer;padding: 0px 25px;font-weight: 600;position: relative;background:#333333;color:#fff;line-height:40px;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
/*.AddToCart:before {content: "";display: block;width: 40px;height: 40px;float:right;margin:0 0 0 5px;background: url(../../images/i3.png) center center no-repeat;}*/
.AddToCart:hover {background:#e12127;}

@-webkit-keyframes AddToCarticon {
  50% {-webkit-transform: scale(1.5);transform: scale(1.5);}
}
@keyframes AddToCarticon {
  50% {-webkit-transform: scale(1.5);transform: scale(1.5);}
}

.AddToCart:before {-webkit-transform: translateZ(0);transform: translateZ(0);-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.AddToCart:hover:before, .AddToCart:focus:before, .AddToCart:active:before {-webkit-animation-name: AddToCarticon;animation-name: AddToCarticon;-webkit-animation-duration: 0.3s;animation-duration: 0.3s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;}
.AddToCart:after {content: "";display: block;width: 25px;height: 25px;right: -5px;top: -10px;opacity: 0;position: absolute;background: url(../images/sprite.png) -148px -65px no-repeat;}

.addeditem:after {opacity: 0;-webkit-animation: animatelogo 2s linear forwards;-ms-animation: animatelogo 2s linear forwards;animation: animatelogo 2s linear forwards;}
@-webkit-keyframes animatelogo {
	0% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes animatelogo {
    0% {opacity: 0;}
    100% {opacity: 1;}
}


.imgpane img {position: relative;max-width:none;-webkit-animation: shake-horizontal 25s cubic-bezier(0, 0, 0, 0) infinite both;animation: shake-horizontal 25s cubic-bezier(0, 0, 0, 0) infinite both;}

@-webkit-keyframes shake-horizontal {
	0%,
	100% {
		-webkit-transform: translateX(780px);
		transform: translateX(780px);
	}

	50%
	{
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
	}
}
@keyframes shake-horizontal {
  0%,
	100% {
		-webkit-transform: translateX(780px);
		transform: translateX(780px);
	}

	50%
	{
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
	}
}


/*---*/
/*
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 #14b0bf;}

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

div .slick-dots button:focus {-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0);-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0);box-shadow: 0px 0px 0px rgb(0, 0, 0);}
*/
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}

.slideto {background:#fff;padding:10px;border:1px solid #a05300;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 #14b0bf;text-align:center;position:fixed;right:20px;top:25px;z-index:999;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}
.accessibility:hover, .accessibility:focus {color:#000000;filter: brightness(0) invert(0);}
.invertsite .accessibility:hover, .invertsite .accessibility:focus {filter: brightness(1) invert(1);}

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

.invertsite .lightblueplace {background:#000000;}

.invertsite input, .invertsite button, .invertsite select, .invertsite .contactform textarea, .invertsite .contactform input[type="submit"],
.invertsite .contactsideplace textarea {border:1px solid #fff;}

.invertsite ::-webkit-input-placeholder {color: #fff;}
.invertsite ::-moz-placeholder {color: #fff;}
.invertsite :-ms-input-placeholder {color: #fff;}
.invertsite :-moz-placeholder {color: #fff;}

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

 

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

	.ogencart {display:none}
	.sliderhome .slick-dots {display:none !important}

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

	.page {width:94%}
	header {padding: 5px 10px;}
	header:before {top: 2px;}
	header:after {bottom: 2px;}

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

	.gototop {bottom:0;right:0;display:none}

	.whatsapp {left:auto;top:auto;right:5px;bottom:5px;position:fixed;z-index:999}

	.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:#fff;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: #14b0bf;}
	.mainmenu > li a {font-size: 20px;color: #fff;background: #284f65 url(../images/menuicon2.png) 95% center no-repeat;text-align:initial;padding:20px 70px 20px 5px;height:auto;font-weight:500;border:none;border-bottom: 1px dotted #879da9; }
	.mainmenu > li a {background-position:95% center !important}
	.mainmenu li li a, .mainmenu li li li a {font-size:16px;font-weight:400;padding:10px;}

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

	.maincontent {margin:60px auto 0 auto}

	div .content, div .leftcolumn {width:100%;margin:0;float:left}

	.sliderhome, .sliderhome div, div .slick-dotted.slick-slider {height: 300px;}
	.imgpane img {height: 300px;}
	
@-webkit-keyframes shake-horizontal {
	0%,
	100% {
		-webkit-transform: translateX(300px);
		transform: translateX(300px);
	}

	50%
	{
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
	}
}
@keyframes shake-horizontal {
  0%,
	100% {
		-webkit-transform: translateX(300px);
		transform: translateX(300px);
	}

	50%
	{
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
	}
}

	.searchplace {margin:8px 0 0 10px;width: 225px;}
	.search {padding: 5px 5px;width: 130px;}
	.search input {padding: 3.5px 5px;width: 77%;}

	 a.openlogin {margin:0 0 0 10px}

	.contactform div, .sliderhome h2, .sliderhome p {margin:0;}
	 
	.breadcrumbs {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;}

	.indexgreenplace, .columns {padding:4%}

	.dataTables_filter, .dataTables_length {width:100% !important}

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

	.triplebox, .flextriplebox, .features_colors .feature, .features_solutions .feature, .features_bottom .feature, 
	.features_colors .feature:nth-of-type(2n), .features_colors .feature:nth-of-type(3n), .features_solutions .feature.nomargin,
	.viewedplace, .infoboxesplace, .productsplace .productbox, .content .imgside.imgtop, .content .imagesplace.imgtop, .imgside, .imagesplace,
	.managementitem {float:none;width:100%;max-width:320px;margin:0 auto 20px auto;}

	.sliderhome .page, .sliderhome .caption, .logindata, #contactfooter .contactform {left:0;margin:0;width:100%;max-width:100%;padding:2%;}
	.logindata, #contactfooter .contactform {top: 6%;}
	.features_solutions, .features_colors {display: flex;align-content: stretch;justify-content: space-between;flex-wrap: wrap;}

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

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

	

	.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 45px auto;padding:5px;}
	.opencontact {zoom: .6;bottom: -13px;}
	.popupplace {z-index: 998;overflow: hidden;}

	.smallcartplace {width:30px;height:30px;border:none;z-index: 777;	padding: 0; background: url(../images/cartwhite.png) center center no-repeat;position:fixed;right:50px;top:15px;display:block}
	.smallcartplace .quantity {background:#ff0000;color:#fff;width:15px;height:15px;font-size:10px;text-align:center;line-height:130%;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;display:block;position:absolute;left:5%;top:0px;}
	.ogencart {    left: 50px;top: 60px;}

	.producttable th, .producttable td, table.producttable.dataTable thead th {padding:2px;font-size:14px;}
	.producttable td:first-child {padding: 2px 5px 2px 0px;}
}

@media screen and (min-width: 768px) and (max-width: 1239px) 
{
	header {padding: 10px 10px;}
	.page {width:94%}
	.sliderhome h2 {font-size:30px;}
	.features_solutions .feature, .features_colors .feature, .features_bottom .feature {padding:2%}
	#contactfooter {right:0;top:auto;bottom:0;}
	.opencontact {zoom: .6;    bottom: 0;}
	.menuplace {width: 71%;}
	.logo {margin: 0px 0 0 5px;}
	.searchplace {width: 180px;}
	.maincontent {margin: 100px 0 0 0;}

	.imgpane img {height: 400px;}
	
@-webkit-keyframes shake-horizontal {
	0%,
	100% {
		-webkit-transform: translateX(400px);
		transform: translateX(400px);
	}

	50%
	{
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
	}
}
@keyframes shake-horizontal {
  0%,
	100% {
		-webkit-transform: translateX(400px);
		transform: translateX(400px);
	}

	50%
	{
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
	}
}

	.search {width: 185px;}
	.sliderhome .page, .sliderhome .caption {left:0;margin:0;width:100%;max-width:100%;padding:4%;}
	.invertsite .accessibility, .accessibility {right:0;}
	.mainmenu > li a {font-weight: 400;font-size: 12px;height: 95px;padding: 60px 5px 5px 5px;}
	.mainmenu li {width: 7.5%;margin: 0 .4%;}
	.ogencart {left: 10px;top: 120px;    width: 255px;}
	.sliderhome .page, .sliderhome .caption {padding: 2%;}
}

@media screen and (min-width: 1240px) and (max-width: 1600px) 
{
	.menuplace {width: 69%;}
}

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



  
 
@media print 
{
	/*@page {size: A4 Portrait; }*/ 
    * {-webkit-print-color-adjust:exact;}
	h1, h2, h3, h4, h5, h6, h7, p, a, li {line-height:120%;color:#000 !important;}
	h1 {font-size:30px;}
	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;}

}