/*
Theme Name: Catom Theme
Author: Mir
Version: 1.0 14.05.25
*/

#wpadminbar {display:none}
html {margin-top: 0 !important;}

.heebo-<uniquifier> {font-family: "Heebo", sans-serif;font-optical-sizing: auto;font-weight: <weight>;font-style: normal;}
.roboto-<uniquifier> {font-family: "Roboto", sans-serif;font-optical-sizing: auto;font-weight: <weight>;font-style: normal;font-variation-settings:"wdth" 100;}
.pt-sans-regular {font-family: "PT Sans", sans-serif;font-weight: 400;font-style: normal;}
.pt-sans-bold {font-family: "PT Sans", sans-serif;font-weight: 700;font-style: normal;}
.pt-sans-regular-italic {font-family: "PT Sans", sans-serif;font-weight: 400;font-style: italic;}
.pt-sans-bold-italic {font-family: "PT Sans", sans-serif;font-weight: 700;font-style: italic;}

:root {
--maincolor:#022d58;
--seccolor:#d9a209;
--fontcolor:#323232;
--fontsize:18px;
--fonttitle:26px;
--fontbold:700; 
--white: #fff;
--black: #000;
--grey: #ccc;
--greylight: #f2f2f2;
--greydark: #666;
--blackopacity: rgba(0, 0, 0, 0.8);
--blackopacity2: rgba(0, 0, 0, 0.2);
--whiteopacity: rgba(255, 255, 255, 0.8);
--whiteopacity2: rgba(255, 255, 255, 0.2);
--shadow: 0px 1px 5px rgba(0,0,0,0.3);
--radius:5px;
}

html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, th, td, form, label, ul, li, img, input, textarea, select, button, a, pre {color:var(--fontcolor);font: 300 var(--fontsize) Heebo, PT Sans, Roboto, Arial, Helvetica, sans-serif;margin:0px;padding:0px;border:none; line-height:normal;background: none;}
/*html:lang(he) html, html:lang(he) body, html:lang(he) div, html:lang(he) h1, html:lang(he) h2, html:lang(he) h3, html:lang(he) p, html:lang(he) th, html:lang(he) td, html:lang(he) label, html:lang(he) li, html:lang(he) input, html:lang(he) textarea, html:lang(he) select, html:lang(he) button, html:lang(he) a, html:lang(he) pre {font-family: Heebo}*/
body {-webkit-animation: bugfix infinite 1s;overflow-x:hidden;}
html, body {height:100%}
input, textarea, select {background:none;border:1px solid var(--greydark);width:100%;padding:10px 20px;font-size:16px}
div, p, li {line-height: 140%;}
img {max-width:100%}
pre {white-space: initial;}
h1, h2, h3, h4, h5 { line-height:120%;color:var(--black);margin:0 0 10px 0;}
h1 {font-size: 48px;margin:0 0 20px 0;border-bottom: 1px solid var(--seccolor);display: inline-block;} h2, h2 div {font-size: 36px;} h3, h3 div {font-size: 26px;} h4 {font-size: 20px;} h5 {font-size: 18px;}
a {text-decoration:none;}
iframe {width:100%}
.openmenu, .moremenu {display:none}

#main {max-width:1920px;margin:auto;height:100%;position: relative;}
.shortpage {width:100%;max-width:1336px;margin:auto;position:relative}
.bodyshortpage {width:100%;max-width:1000px;margin:auto;position:relative;padding-bottom:2% }

header {position:fixed;left:0;top:0;width:100%;z-index:6;background:var(--maincolor);box-shadow: var(--shadow);border-top:2px solid var(--seccolor)}
header .wrap {display: flex;align-items: center;}


.logo {display: flex;align-items: center;    padding: 10px 0;}
.logo img {max-height: 60px;display:block}

a.btn, span.btn, input[type="submit"].btn, button.btn {position: relative;display: inline-block;padding: 10px 30px;background:none;margin:20px 0 0 0;color:var(--white);text-align:center;background:var(--seccolor)}
a.btn:hover, span.btn:hover, button.btn:hover, a.btn:focus, span.btn:focus, 
button.btn:focus, .headertext a:hover, .headertext a:focus {background:var(--maincolor);color:var(--white)}

a.btn2 {text-decoration:underline;color: var(--seccolor);font-weight: 500}
a.btn2:hover, a.btn2:focus {color:var(--maincolor) }

.menuplace {}
.mainmenu {display: flex;align-items: center;}
.mainmenu li {position:relative}
.mainmenu a {/*white-space: nowrap;*/display: block;padding:42px 10px;color:var(--white);}
.mainmenu a:hover, .mainmenu a:focus, .mainmenu .current-menu-item a, .mainmenu .current_page_parent a, .mainmenu .current-menu-parent a {background: var(--greylight);color: var(--maincolor)}
 
.mainmenu li:hover > .sub-menu, .topmenu li:hover > .sub-menu, .sub-menu.show-menu, .mainmenu ul li:hover > ul {display:block}
 
.mainmenu a:hover:after, .mainmenu a:focus:after, .mainmenu > .current-menu-item a:after, .mainmenu .current_page_parent a:after,
.mainmenu .current-menu-parent a:after {content: "";display: block;position: absolute;left: 50%;top:0;margin: 0 0 0 -9px;width: 0px;height: 0px;border-style: solid;border-width: 0 8px 9px 8px;border-color: transparent transparent var(--seccolor); transparent;transform: rotate(180deg);}

.sub-menu {position: absolute;top: 100%;left: 0%;z-index: 1;width:320px;display: none;background:var(--white);box-shadow: var(--shadow);}
.sub-menu a {padding:15px;font-size:16px;color:var(--black);}
.mainmenu .current-menu-item .sub-menu a, .mainmenu .current_page_parent .sub-menu a {background: none}
.mainmenu .sub-menu a:hover, .mainmenu .current-menu-item .sub-menu a:hover, .mainmenu .current_page_parent .sub-menu a, .mainmenu .sub-menu .current-menu-item a {background: var(--grey)}
.sub-menu li > .sub-menu, .mainmenu .sub-menu a:hover:after, .mainmenu .sub-menu a:focus:after, .mainmenu .sub-menu a:after {display: none !important}

header.sticky .mainmenu a {padding: 10px;}

header.sticky .logo {    padding: 2px 0;}

.video-wrapper {height:970px;position: relative;overflow: hidden;background:var(--black);margin:0}
.video-wrapper video {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}

.sliderhome {position: relative;}
.sliderhome .slide {height:600px;position: relative;overflow: hidden;max-height:1000px;}
.sliderhome img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.sliderhome .abstract {position: absolute;top: 0%;left: 0;width:100%;text-align: center;height:100%;display:flex;flex-direction: column;justify-content: center;align-items: center;}
.sliderhome .title {font-size:60px;padding:10px;text-align:center;color:var(--white);}
.sliderhome .moreabstract {font-size:var(--fontsize);padding:10px 6%;text-align:center;color:var(--white);margin:0 0 2% 0}
.sliderhome .slick-dotted.slick-slider {margin:0}

.videoplace {display: flex;flex-wrap: wrap;position: relative;height:600px;overflow: hidden;margin:2% 0}
.videoplace video, .videoplace iframe {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}

.indexcontent img {width:auto;height:auto;position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.indexcontent > div {display:flex}

.indexcontent > div > div {width:50%;flex:auto;position: relative;min-height: 500px}
.indexcontent .bodytext {margin: 0;padding: 4%}
.indexcontent .bodytext h1, .indexcontent .bodytext h2 {font-size: 48px;border-bottom: 1px solid var(--seccolor);display: inline-block;}
.indexcontent > div:nth-of-type(2n) {flex-direction: row-reverse;background: var(--maincolor)}
.indexcontent > div:nth-of-type(2n) .bodytext, .indexcontent > div:nth-of-type(2n) .bodytext h2, .indexcontent > div:nth-of-type(2n) .bodytext p {color: var(--white)}
.indexcontent > div:nth-of-type(2n) .bodytext p {margin: 0 0 30px 0;font-size: var(--fonttitle)}

.home-main-editor {display:flex}
.home-main-editor > div {width:50%;flex:auto}
.home-main-editor .imgplace {padding:0 2% 0 0}

.featurestabs, .bgplace {background:#e5e5e5 url(./assets/images/tbg.png) ;padding: 5% 0}
.titleplace h2 {text-align: center;font-size: 48px;margin: 0;border-bottom: 1px solid var(--seccolor);display: inline-block;}
.titleplace {text-align: center;justify-content: center;margin: 0 0 4% 0;}
.bgplace .titleplace {margin: 0}

.bgplaceinner {background:#e5e5e5 url(./assets/images/tbg.png) ;margin: 0 0 3% 0}

.featurestabs .featurestabsflex {display: flex;}
.featurestab {width: 24%;     display: flex;margin: 1%;overflow: hidden;min-height: 160px;}
.featurestab .featurestabtitle {padding:0 5% 5px 40%; position: relative;cursor: pointer;border-bottom: 7px solid var(--seccolor);}
.featurestab .featurestabtitle:hover, .featurestab.opened .featurestabtitle  {border-bottom: 7px solid var(--maincolor);}
.featurestab .featurestab-number {color: var(--white);font-size: 200px;position: absolute;left: 0;top: 0;line-height: 80%;font-weight: 600}
.featurestab a {display: block;color: var(--seccolor);text-decoration: underline;margin: 10px 0 0 0;font-weight: 500}
.featurestab a:hover,.featurestab a:focus {color: var(--maincolor)}
.featurestabs .featurestab-content {padding: 2%;margin: 2% 0;background: var(--greylight)}
.featurestabs .featurestab-content img {display: block;width: 100%;margin: 0 0 20px 0;}
.featurestabs .featurestab-abstract {line-height: 100%}
.home .featurestab .featurestabtitle {cursor: initial;}

#content {margin:110px 0 0 0}

.stripplace {min-height:500px;position:relative;}
.stripplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}

.nostrip {position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: url(./assets/images/strip.jpg) center center no-repeat;background-size: cover;}

.flexbodyplace {display:flex;flex-wrap:wrap;margin:30px 0 0 0}
.flexbodyplace > div {width:50%;position:relative}
.flexbodyplace .imgplace {width:48%;margin:0 2% 0 0;border-right:1px solid var(--greylight);padding:0 2% 0 0}

.persondataplace .info, .persondataplace .email, .persondataplace .address, .persondataplace .phone {margin: 0 0 10px 0;}
.persondataplace .info span, .persondataplace .email span, .persondataplace .address span, .persondataplace .phone span {font-weight: var(--fontbold)}

.mainabstract {font-size: var(--fonttitle);margin: 0 0 4% 0}

.subtitle {margin: 0 0 4% 0}

.productflex {display:flex;flex-wrap:wrap;margin:30px 0 0 0}
.productflex > div {width:50%;position:relative}
.productflex .imgplace {width:48%;margin:0 2% 0 0;border-right:1px solid var(--greylight);padding:0 2% 0 0}
.productflex select {border:1px solid var(--greylight);}
.productflex .makat {margin:0 0 20px 0;color:var(--greydark)}

.peopleplace {padding: 5% 0;}
.peopleplace .title {font-size: 48px;margin: 0 0 20px 0;}
.peopleplace .subtitle {font-size: 24px;margin: 0 0 10px 0;}
.peopleplace .slide {display:flex;flex-wrap:wrap;}
.peopleplace .slide > div {width:68%;position:relative}
.peopleplace .slide .imgplace {width:30%;margin:0 2% 0 0;border-right:1px solid var(--greylight);padding:0 2% 0 0}
.peopleplace .slick-prev {left: -40px}
.peopleplace .slick-next {right: -40px}

.homeprojects {width:100%;float:left;margin:4% 0}
.homeprojects h3 {margin:3% 0 3% 0;font-size:28px;font-weight:200;text-align:center;text-transform:uppercase;font-family: 'Poppins';letter-spacing: 3px;}
.homeprojects h3 span {padding:10px 30px;border-top:1px solid var(--maincolor);border-bottom:1px solid var(--maincolor)}
.homeprojects h2 {font-size:60px;}
.homeprojects .btn {margin: -30px auto 0 auto;width: 200px;display: block;clear: both;}

.featuresplace {display:flex;flex-wrap: wrap;margin:4% 0;/*flex-direction: row-reverse;*/width: 100%;float: left;}
.featuresplace > div {width:23%;margin:1%;background:var(--maincolor);color:var(--white);position:relative;padding:4% 0;text-align:center}
.featuresplace .title {color:var(--white);font-size:80px;font-weight:300;text-align:center}
.featuresplace .abstract {color:var(--white);font-size:var(--fonttitle);background:var(--seccolor);padding:10px 25px;border-radius:100px 0 0 0;position:absolute;right:0;bottom:-20px;}
.featuresplace a, .featuresplace p, .featuresplace li {color:var(--white);text-align:initial}
.featuresplace a:hover img, .featuresplace a:focus img {transform: scale(1.1,1.1);}
.featuresplace a:hover, .featuresplace a:focus {text-decoration:underline}

.featuresfooter {display:flex;flex-wrap: wrap;margin:4% 0;/*flex-direction: row-reverse;*/width: 100%;float: left;}
.featuresfooter > div {width: 25%;background:var(--maincolor);color:var(--white);position:relative;padding:4% 0 4% 4%;}
.featuresfooter > div:first-of-type, .featuresfooter > div:last-of-type  {padding:4% 0 4% 0;width: 12.5%;}
.featuresfooter .title {color:var(--white);font-size:80px;font-weight:300;text-align:center;display:none}
.featuresfooter .abstract {color:var(--white);font-size:var(--fontsize);text-align:initial}
.featuresfooter p, .featuresfooter .abstract div {display:block;margin:0 0 15px 0;color:var(--white);}
.featuresfooter a, .featuresfooter p, .featuresfooter li {display:block;color:var(--white);text-align:initial}
.featuresfooter a:hover img, .featuresfooter a:focus img {transform: scale(1.1,1.1);}
.featuresfooter a:hover, .featuresfooter a:focus {text-decoration:underline}
.featuresfooter .feature:first-of-type img {border: 1px solid rgba(255, 255, 255, .2);}

.featuresfooter .address, .featuresfooter .phone, .featuresfooter .fax, .featuresfooter .mail {padding:3px 35px 5px 0;background: url(./assets/images/pin.png) right 5px no-repeat;margin:0 0 20px 0;}
.featuresfooter .mail {background: url(./assets/images/mail.png) right 5px no-repeat;}
.featuresfooter .fax {background: url(./assets/images/fax.png) right 5px no-repeat;}
.featuresfooter .phone {background: url(./assets/images/phone.png) right 5px no-repeat;}

.projectfeaturesplace {margin:2% 0;width: 100%;float: left;}
.projectfeaturesplace h2 {margin:3% 0 3% 0;font-size:28px;font-weight:200;text-align:center;text-transform:uppercase;font-family: 'Poppins';letter-spacing: 3px;}
.projectfeaturesplace h2 span {padding:10px 30px;border-top:1px solid var(--maincolor);border-bottom:1px solid var(--maincolor)}
.projectfeature {background:var(--maincolor);color:var(--white);display:flex;}
.projectfeature > div {width:50%;position:relative}
.projectfeature > div:first-of-type {padding:4%}
.projectfeature .title {font-size:var(--fonttitle);color:var(--white);font-weight:600;margin:30px 0;}
.projectfeature .abstract {color:var(--white)}
.projectfeature .imgplace img, .projectfeature video {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.projectfeature .btn {color:var(--white);border:1px solid var(--white);margin:30px 0;}
.projectfeature .btn:hover, .projectfeature .btn:focus {background:var(--seccolor)}
.projectfeature .shorttext {max-width:460px;margin:auto}

.renewfeaturesplace {width: 100%;float: left;}
.renewfeaturesplace h2 {margin:0 0 20px 0;font-size:28px;font-weight:200;text-align:center;text-transform:uppercase}
.renewfeaturesplace h2 span {padding:10px 30px;border-top:1px solid var(--maincolor);border-bottom:1px solid var(--maincolor)}
.renewfeature {background:var(--maincolor);color:var(--white);display:flex;}
.renewfeature > div {width:50%;position:relative}
.renewfeature > div:nth-of-type(2n) {padding:4% 8%}
.renewfeature .title {font-size:60px;color:var(--white);font-weight:500;margin:30px 0;}
.renewfeature .abstract {color:var(--white)}
.renewfeature .btn {color:var(--white);border:1px solid var(--white);margin:30px 0;}
.renewfeature .btn:hover, .renewfeature .btn:focus {background:var(--seccolor)}
.renewfeature .imgplace img, .renewfeature video {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}

.renewfeature .subtitle {margin:3% 0 3% 0;color:var(--white);font-size:28px;font-weight:200;text-transform:uppercase;font-family: 'Poppins';letter-spacing: 3px;}
.renewfeature .subtitle span {padding:10px 30px;border-top:1px solid var(--white);border-bottom:1px solid var(--white)}

.bannerplace {padding:6%;text-align:center;width: 100%;float: left;border-top:1px solid var(--maincolor)}
.bannerplace .title {font-size:var(--fonttitle);margin:0 0 15px 0;font-weight:200}
.bannerplace .abstract {font-size:60px;font-weight:var(--fontbold);}

.headertext {flex: auto;display: flex;justify-content: flex-end;}
.headertext a {display: inline-block;padding: 10px 20px;border-radius: var(--radius);color: var(--maincolor);text-align: center;border: 1px solid var(--maincolor);margin:0 10px 0 0}
.headertext p {display:flex;align-items: center;font-weight: 500;font-size: 20px;}

.maintitleplace {margin:100px 0 5% 0;background:var(--maincolor);color:var(--white);display:flex;position:relative;height:700px;flex-direction: column;justify-content: center;padding:0 25% 0 0;align-items: flex-start;}
.maintitleplace h1 {color:var(--white);padding:2% 0 2% 2%;background:var(--maincolor);    position: relative;    z-index: 2;display: inline-block;}
.maintitleplace h1 span {color:var(--white);font-weight:400;    display: block;}
/*.maintitleplace h1 span span {display:inline-block;}*/
.maintitleplace .subtitle {color:var(--white);font-weight:200;text-transform: uppercase;    position: relative;font-size:var(--fonttitle);z-index: 3;    margin: 0 0 20px 0; font-family: 'Poppins';letter-spacing: 3px;}
.maintitleplace .subtitle span {padding: 10px 0px;border-top: 1px solid var(--white);border-bottom: 1px solid var(--white);}

.imagestrip {position:absolute;left:0;top:0;width:60%;height:100%}
.imagestrip img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}

.editor1 {padding:4% 0}
.editor1 td, .editor2 td {vertical-align:top;padding:0 45px 25px 35px;background: url(./assets/images/v1.png) right 0 no-repeat;}
.editor2 {padding:4% 0;background:var(--maincolor);margin:0 0 4% 0}
.editor2 p, .editor2 h2, .editor2 h3, .editor2 td {color:var(--white)}
.editor2 td {background: url(./assets/images/v2.png) right 0 no-repeat;}

.bodytext {margin:0 0 2% 0}
.bodytext p { line-height:140%;margin:0 0 15px 0}
.bodytext p a {text-decoration:underline;color: var(--seccolor);font-weight: 500}
.bodytext ul li {margin:0px 0px 5px 0px;line-height:140%;}
.bodytext li a, .bodytext p a, .bodytext td a {text-decoration:underline;color:var(--seccolor)}
.bodytext ul, .bodytext ol {margin:0 5px;padding: 0;}
.bodytext li {margin:0 0px 5px 0px;line-height:120%;background: url(./assets/images/dot.png) 0px 8px no-repeat;list-style-type: none;padding: 0 0 0 17px}
.bodytext strong a, .bodytext strong span {font-weight:var(--fontbold)}
/*
.bodytext table {padding:5px;border-right:1px solid var(--grey);border-top:1px solid var(--grey);border-collapse:collapse;border-spacing:0;margin: 0 0 20px 0;}
.bodytext table td, .bodytext table th {padding:5px;border-left:1px solid var(--grey);border-bottom:1px solid var(--grey)}
.bodytext table th {background:var(--greylight);color:var(--black)}
*/
.bodytext table th h3, .bodytext table th h2, .faq-answer table th h3, .faq-answer table th h2 {color:var(--white);margin: 0}

.bodytext table, .faq-answer table {width: 100%;border-collapse: separate;border-spacing: 0 10px;box-shadow: 0 4px 15px rgba(0,0,0,0.1);background: #fff;border-radius: 8px;overflow: hidden;}

.bodytext table th, .faq-answer table th{padding: 10px;user-select: none;color: #fff;text-align: center;font-size: 16px;background: var(--maincolor);}
.bodytext table tbody tr, .faq-answer table tbody tr{background: #f9f9f9;transition: background-color 0.3s ease;}
.bodytext table tbody tr:nth-child(even), .faq-answer table tbody tr:nth-child(even){background: #e9f1f7;}
.bodytext table tbody tr:hover, .faq-answer table tbody tr:hover{background-color: #d0e4fa;}
.bodytext table tbody td, .faq-answer table tbody td {padding: 10px;vertical-align: middle;color: #333;border-left: 1px solid transparent;transition: border-color 0.3s ease;text-align: center;font-size: 16px;width: auto;}
.bodytext table tbody tr:hover td, .faq-answer table tbody tr:hover td{border-left-color: #ccc;}
.bodytext table a, .faq-answer table a {color: #0073aa;text-decoration: none;font-weight: 600;font-size: 16px;}
.bodytext table a:hover {text-decoration: underline;}
.bodytext table td:last-child, .faq-answer table td:last-child{color: #555;font-size: 0.85rem;line-height: 1.4;}

.faq-answer table tr td:first-of-type, .faq-answer table tr td:first-child, .faq-answer table tbody tr td:first-of-type, .faq-answer table tbody tr td:nth-of-type(2) {width: 150px;}

.additionalcontent h3 {margin:20px 0 10px 0;}
.additionalcontent h3 strong {font-size:24px;font-weight:400;}

.slider-container {width:100%;float:left}

.infoboxesplace {margin:3% 0 0 0;padding: 4%;background: var(--maincolor);}
.infoboxesplace h2 {color:var(--white);text-align: center;margin: 0 0 40px 0;font-size:48px }

.infobox {max-width: 700px;margin: auto;}
.infobox .imgplace {width: 250px;position: relative;overflow: hidden;float: left;margin: 0 20px 0 0}
.infobox img {width: 100%;height: auto;}
.infobox .abstract {padding:0 4%;color:var(--white)}
.infobox .abstract p, .infobox .abstract h2, .infobox .abstract h3, .infobox .abstract h4, .infobox .abstract li {color:var(--white)}
.infobox a {color:var(--white)}
.infobox a:hover, .infobox a:focus {color:var(--seccolor);text-decoration: underline;}
.infobox a:hover img, .infobox a:focus img {transform: scale(1.1,1.1);}
.infobox .title {font-size: var(--fonttitle);color:var(--white);margin: 0 0 10px 0;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.infobox .btn2 {float:left;margin:10px 0 0 0;color:var(--white)}

.infoboxesplace2 {margin:3% 0 0 0;padding: 4%;background: var(--maincolor);}
.infoboxesplace2 h2 {color:var(--white);text-align: center;margin: 0 0 40px 0;font-size:48px }

.infobox2 {display: flex;background: var(--maincolor);}
.infobox2 img {width: auto;height: auto;position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.infobox2 .abstract {padding:0 4%;color:var(--white)}
.infobox2 .abstract p, .infobox2 .abstract h2, .infobox2 .abstract h3, .infobox2 .abstract h4, .infobox2 .abstract li {color:var(--white)}
.infobox2 a {color:var(--white)}
.infobox2 a:hover, .infobox a:focus {color:var(--seccolor);text-decoration: underline;}
.infobox2 a:hover img, .infobox a:focus img {transform: scale(1.1,1.1);}
.infobox2 .title {font-size: var(--fonttitle);color:var(--white);margin: 0 0 10px 0;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.infobox2 .btn2 {float:left;margin:10px 0 0 0;color:var(--white)}
.infobox2 p {margin: 0 0 20px 0;}

.infobox2 h2 {margin: 0 0 10px 0;text-align: initial;}
.infobox2 > div {margin: 0;flex: auto;position: relative;min-height: 500px;padding: 4%;width: 50%}
.infobox2 .imgplace {position: relative;overflow: hidden;padding: 0}

.grid {margin:4%}
.grid-sizer, .image-item {width: 32%;}
.gutter-sizer {width: 2%;}
.grid-item {margin-bottom:2%;float: left;}
.grid-item img {max-width:100%}
.grid-item a {display:flex;flex-direction: column;overflow:hidden}
.grid-item a:hover, .grid-item a:focus {box-shadow:0px 2px 7px rgba(0,0,0,1)}
.grid-item div {background: var(--blackopacity);width:100%;height:auto;position:absolute;left:0px;bottom:0px;margin:0; padding:5px;font-size:16px;}
.grid-item img {margin:auto}

.flexplace {display: flex;flex-wrap: wrap;float:left;width:100%;justify-content: center;margin:3% 0}
.flexplace .flex {width: 31.3%;margin: 1% 1% 3% 1%;position:relative}
.flexplace .flex .title {font-size: var(--fonttitle);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;/*min-height:65px;*/font-weight: var(--fontbold)}
.flexplace .flex > a {display:block;position:relative}
.flexplace .flex .imgplace {width: 100%;height: 340px;position: relative;overflow: hidden;border:1px solid var(--grey);display: flex;align-items: center;justify-content: center;background:var(--white);margin:0 0 5px 0}
.flexplace .flex img, .flex iframe {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.flexplace .flex .noimg {position:static;width:auto;height:auto;max-width: 90%;max-height: 90%;}
.flexplace .flex a:hover img, .flex a:focus img {transform: scale(1.1,1.1);}
.flexplace .flex a:hover .title, .flex a:focus .title {color:var(--maincolor)}
.flexplace .flex .abstract {margin:0 0 10px 0;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height:65px;}
.flexplace .flex:after {height:1px;width:100%;content:"";display:block;background:var(--grey);left:0;bottom:-10px;position:absolute}
.flexplace .flex.slide {margin:0;padding:10px;}
.flexplace .flex .price span {}
.flexplace .flex .moreabstract {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin:0 0 10px 0;}
.flexplace .flex .date {margin: 5px;font-weight: 500}

.flexplace .flex.course-item h2 {text-align: center;font-size: 24px;}
.flexplace .flex.course-item h2 a {font-size: 24px;font-weight: 500;color: var(--maincolor)}

.projectlongfirst .flex:first-of-type {width: 64%;}

.projectitemspecial {margin:40px 0 5% 0;position:relative}
.projectitemspecial .imgplace {width: 100%;height: 700px;position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;background:var(--white);}
.projectitemspecial img, .flex iframe {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.projectitemspecial .abstract {padding: 10px 25px 10px 100px;border-radius: 100px 0 0 0;position: absolute;right: 0;bottom: -20px;background:var(--maincolor) url(./assets/images/leftwhitearrow.png) 30px center no-repeat;}
.projectitemspecial .btn {color: var(--white);font-size: var(--fonttitle);background: var(--seccolor);padding: 10px 25px;border-radius: 100px 0 0 0;position: absolute;right: 0;bottom: -20px;font-weight:600;display:none;border:none}
.projectitemspecial .title {font-size: var(--fonttitle);color: var(--white);font-weight:600}
.projectitemspecial .location {font-size: var(--fonttitle);color: var(--white);}

.flexplacein {display: flex;flex-wrap: wrap;float:left;width:100%;justify-content: center;}
.flexplacein .flex {width: 31.3%;margin: 1% 1% 3% 1%;position:relative}
.flexplacein .flex .title {font-size: var(--fonttitle);color: var(--maincolor);font-weight:600}
.flexplacein .flex .location {font-size: var(--fonttitle);color: var(--maincolor);}
.flexplacein .flex > a {display:block;position:relative}
.flexplacein .flex .imgplace {width: 100%;height: 700px;position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;background:var(--white);}
.flexplacein .flex img, .flex iframe {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.flexplacein .flex .noimg {position:static;width:auto;height:auto;max-width: 90%;max-height: 90%;}
.flexplacein .flex a:hover img, .flexplacein .flex a:focus img {transform: scale(1.1,1.1);}
.flexplacein .flex .abstract {padding: 15px 25px 15px 100px;border-radius: 100px 0 0 0;position: absolute;right: 0;bottom: -20px;background:var(--white) url(./assets/images/leftbluearrow.png) 30px center no-repeat;background-size:30px;}
.flexplacein .flex.slide {margin:0;padding:10px;}
.flexplacein .flex .moreabstract {display:none;position:absolute;right:0px;bottom:40px;color: var(--white);padding:25px;}
.flexplacein .flex a:hover .moreabstract, .flexplacein .flex a:focus .moreabstract {display:block;color: var(--maincolor);}
.flexplacein .flex a:hover .abstract, .flexplacein .flex a:focus .abstract {background:var(--white);color: var(--maincolor);bottom:0;border-radius:0;height:100%;width:100%;padding:25px;z-index:3}
.flexplacein .flex .btn {display:none;}
.flexplacein .flex a:hover .btn, .flexplacein .flex a:focus .btn {display:block;color: var(--white);font-size: var(--fonttitle);background:var(--seccolor) url(./assets/images/leftwhitearrow.png) 30px center no-repeat;padding: 10px 25px 10px 100px;border-radius: 100px 0 0 0;position: absolute;right: 0;bottom: -20px;font-weight:600;border:none;z-index:4;background-size:30px;}
.flexplacein .flex .status {background:var(--white);padding:10px 20px;border-radius:20px 0 0 20px;position:absolute;right:0;top:20px;z-index:2;font-weight:600}
.flexplacein .flex .status.marketing {background:var(--seccolor);color:var(--white);}

.blueplace {background: var(--maincolor);padding:4% 0;margin:4% 0 0 0}
.blueplace h2 {color:var(--white);display: flex;justify-content: space-between;align-items: center;}
.blueplace h2 {color:var(--white);display: flex;justify-content: space-between;align-items: center;}
.blueplace .explanation {color:var(--white);margin:0 0 20px 0;}
.blueplace .btn {color:var(--white);border:1px solid var(--white);margin:10px 0;}
.blueplace .btn:hover, .blueplace .btn:focus {background:var(--seccolor)}

.bottominfoboxplace {display:flex;flex-wrap: wrap;}
.bottominfoboxplace .feature {width: 23%;margin: 1%;padding:50px 30px;border-radius: 100px 0 0 0;background:var(--white);border-bottom:10px solid var(--seccolor);position:relative}
.bottominfoboxplace .title {font-size:18px;text-align:center;line-height: 130%;margin:0;font-weight:500}
.bottominfoboxplace .imgplace {text-align:center;height:70px;display: flex;align-items: center;justify-content: center;margin: 0 0 20px 0;}

.topinfoboxplace {margin:4% 0;display:flex;flex-wrap: wrap;}
.topinfoboxplace.slick-dotted.slick-slider {margin-bottom: 80px;}
.topinfoboxplace .feature {width: 23%;margin: 1%;padding:50px 30px;background:var(--maincolor);position:relative}
.topinfoboxplace .title {color: var(--white);font-size: 20px;font-weight:600;background: var(--seccolor);padding: 10px 25px;border-radius: 100px 0 0 0;position: absolute;right: 0;top: -20px;margin:0}
.topinfoboxplace .abstract {font-size:18px;text-align:center;font-weight:normal;line-height: 130%;margin:0;color:var(--white);min-height:140px;}
.topinfoboxplace.similarslider .slick-slide {margin:30px 10px}

.projectgallery h3 {margin:20px 0;}

.docsplace, .linksplace {padding:10px;margin:3% 0;border-top:1px solid var(--grey)}
.docsplace .title, .linksplace .title {font-size: var(--fonttitle);margin:0 0 10px 0;}
.docsplace a, .linksplace a {display:flex;align-items: center;color:var(--black);background: url(./assets/images/download.png) left 5px no-repeat;background-size: 25px;padding:5px 35px}
.docsplace a:hover, .linksplace a:hover {text-decoration:underline}
.docsplace a img, .linksplace a img {margin:0 10px;max-height:35px;}
.linksplace a {background: url(./assets/images/link.png) left 5px no-repeat;background-size: 25px;padding:5px 30px}

.imgside {width: 45%;margin: 0 4% 20px 0;float: left;}
.imgside img {width: 100%}

.sliderplace img {height:460px;}
.sliderplace .slick-slide {margin:0 10px;height:460px;}

.similarslider .slick-slide {height:auto;margin:0 10px 3% 10px;}

body .slick-slide img {margin: auto;}

div .slick-prev, div .slick-next {z-index:5;width: 50px;height: 50px;background: var(--greylight);transform:none;margin:-25px 0 0 0;border-radius: 100%}
div .slick-prev:hover, div .slick-next:hover, div .slick-prev:focus, div .slick-next:focus {background:var(--maincolor)}
div .slick-prev {left:0; -webkit-transform: scaleX(-1);transform: scaleX(-1);}
div .slick-next {right:0;} 
div .slick-next:before, div .slick-prev:before, div .slick-next:after, div .slick-prev:after {background:var(--black);content:"";display:block;position:absolute;right:22px;top:12px;width:2px;height:15px;transform: rotate(-45deg);opacity:1;border-radius: 3px;}
div .slick-next:hover:before, div .slick-prev:hover:before, div .slick-next:hover:after, div .slick-prev:hover:after,
div .slick-next:focus:before, div .slick-prev:focus:before, div .slick-next:focus:after, div .slick-prev:focus:after {background:var(--white)}
div .slick-next:before, div .slick-prev:before {transform: rotate(45deg);top:22px;}
div .slick-next.slick-disabled:before, div .slick-prev.slick-disabled:before {opacity:1}

div .slick-dots {text-align:right;bottom:15px;    display: flex;justify-content: center;}
div .slick-dots li button, div .slick-dots li {padding:0;width: 15px;height: 15px;}
div .slick-dots li button:before {opacity:1;width: 15px;height: 15px;line-height: 100%;content:"";background: var(--greylight);border-radius:100%}
div .slick-dots li.slick-active button:before {opacity:1;background: var(--maincolor)}

.blueplace div .slick-dots li button, .blueplace div .slick-dots li, .blueplace div .slick-dots li.slick-active button:before {background: var(--white);}

.custom-dots {text-align:left;bottom:-25px;    display: flex;position:absolute}
.custom-dots li {list-style-type:none;list-style: none;}
.custom-dots li a {width: 15px;height: 15px;background:var(--greydark);display:block;cursor:pointer;margin:0 5px;border-radius:100%}
.custom-dots li.slick-active a {opacity:1;background: var(--maincolor)}

.googlemap {filter: grayscale(100%);margin:4% 0 0 0}

.contactformplace {display:flex}
.contactformplace > div:first-of-type {width:30%;padding:2%}
.contactformplace > div:nth-of-type(2n) {width:70%}
.contactformplace > div:first-of-type > div:first-of-type {margin:0 0 100px 0}
.contactformplace .bodytext .address, .contactformplace .bodytext .phone, .contactformplace .bodytext .fax, .contactformplace .bodytext .mail {padding:0px 35px 5px 0;background: url(./assets/images/location.png) right 5px no-repeat;margin:0 0 20px 0;}
.contactformplace .bodytext .mail {background: url(./assets/images/email.png) right 5px no-repeat;}
.contactformplace .bodytext .fax {background: url(./assets/images/fax2.png) right 5px no-repeat;}
.contactformplace .bodytext .phone {background: url(./assets/images/phone2.png) right 5px no-repeat;}

.contactform {position:relative;margin: 0 0 5% 0;}
.contactform .radiosplace {display:flex;padding:0;margin:0 0 20px 0;border:none}
.contactform .radiosplace label, .contactform .radiosplace .title {margin:0 0 0 2%;display:block}
.contactform .radiosplace .title {flex:auto}
.contactform h3, .contactform label {margin:0 0 20px 0;display: block;}
.contactform input[type="radio"], .contactform input[type="checkbox"] {width:20px;}
.contactform label span {display: none;}
.contactform button[type="submit"] {margin: 0}
.contactform fieldset {margin: 0 0 20px 0;}

.contactform ::-webkit-input-placeholder { color:var(--greydark)}
.contactform ::-moz-placeholder { color:var(--greydark)}
.contactform :-ms-input-placeholder {color:var(--greydark) }
.contactform :-moz-placeholder {color:var(--greydark) }

.google-map-embed {margin: 2% 0 4% 0}

.contactdiv {display: flex;align-items: center;padding: 0 0 20px 0;margin: 30px 0 20px 0;border-bottom: 1px solid var(--grey);}
.contactdiv img {margin: 0 20px 0 0;    width: 50px;height: auto;}
.contactdiv h3 {margin: 0}
.contactdiv div {padding: 5px;}


.projects .title {font-size: var(--fonttitle);color: var(--fontcolor);font-weight:600;display: flex;}
.projects > div {display: flex;padding: 0 0 2% 0;margin: 0 0 2% 0;border-bottom: 1px solid var(--grey);}
.projects .title a {color: var(--seccolor);display: inline-block;margin: 0 0 0 10px;font-size: var(--fonttitle);}
.projects .imgplace {width: 25%;position: relative;}
.projects .imgplace div {width: 200px;height: 200px;border-radius: 100%;overflow: hidden;position: relative;}
.projects .imgplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.projects .bodytext {margin: 10px 0 0 0}
.projects .bodytext img {max-height: 50px;width: auto;}
.projects .abstract {width: 75%;padding: 0 0 0 2%}

.fourbox {display: flex;flex-wrap: wrap;margin: 30px 0;border-right: 1px solid var(--grey);}
.fourbox > div {width: 25%;display: flex;flex-direction: column;align-items: center;border-left: 1px solid var(--grey);}

.blueplace .contactform {padding: 0%;border: none;}
.blueplace .contactform h3 {text-align:center;color:var(--white);font-size:24px;font-weight:normal;margin:0 0 30px 0;}
.blueplace .contactform form {display:flex;align-items: center;justify-content: space-between;}
.blueplace .contactform label {border:1px solid var(--white);border-radius:var(--radius);margin:0 0 0 2%}
.blueplace .contactform input {color:var(--white);border:none}
.blueplace .contactform input::-webkit-input-placeholder { color:var(--white)}
.blueplace .contactform input::-moz-placeholder { color:var(--white)}
.blueplace .contactform input:-ms-input-placeholder {color:var(--white) }
.blueplace .contactform input:-moz-placeholder {color:var(--white) }
.blueplace .contactform .btn {position:static;padding:10px 20px;border-radius:var(--radius);background:none;font-size:18px}
.blueplace .contactform .btn:hover, .blueplace .contactform .btn:focus {background: var(--seccolor)}

.whiteplace {background:var(--white);border-radius:100px 100px 0 0;position:relative;/*margin:-100px 0 0 0;*/padding:2%;border-bottom:1px solid var(--maincolor)}
.whiteplace .contactform {padding: 0%;border: none;}
.whiteplace .contactform h3 {text-align:center;font-size:24px;font-weight:normal;margin: 0;}
.whiteplace .contactform form {display:flex;align-items: center;justify-content: space-between;}
.whiteplace .contactform label {border-radius:var(--radius);margin:0 0 0 2%;border:1px solid var(--maincolor);}
.whiteplace .contactform input {border:none}
.whiteplace .contactform .btn {position:static;padding:10px 20px;border-radius:var(--radius);font-size:18px;margin:0;background:var(--maincolor)}
.whiteplace .contactform .btn:hover, .whiteplace .contactform .btn:focus {background: var(--seccolor)}

.footer-features {display: flex;flex-wrap: wrap;float: left;width: 75%}
.footer-feature {width: 33.3%}
.footer-feature:first-of-type h3 {display: none}
.footer-feature ul, .footer-feature p, .footer-feature li, .footer-feature a {margin: 0;color: var(--greylight)}
.footer-feature ul {margin: 0 20px;}
.footer-feature h2, .footer-feature h3 {color: var(--greylight);border-bottom: 1px solid var(--seccolor);display: inline-block;}
.footer-feature a:hover, .footer-feature a:focus {color: var(--white);text-decoration: underline;}

.socialmedia {display: flex;flex-wrap:wrap;justify-content: center;float: right;width: 25%}
.socialmedia a {margin:5px;width:50px;height:50px;opacity:.5;filter: brightness(0) invert(1);}
.socialmedia a:hover {opacity:1;}
.socialmedia .facebook {background: url(./assets/images/facebook.png) center center no-repeat;}
.socialmedia .youtube {background: url(./assets/images/youtube.png) center center no-repeat;}
.socialmedia .instagram {background: url(./assets/images/instagram.png) center center no-repeat;}
.socialmedia .linkedin {background: url(./assets/images/linkedin.png) center center no-repeat;}
.socialmedia .tiktok {background: url(./assets/images/tiktok.png) center center no-repeat;background-size:cover}

.dropmenuplace {position: absolute;top: 100%;left: 0%;z-index: 1;width:320px;display: none;background:var(--whiteopacity);box-shadow: var(--shadow);}

.breadcrumbs {background:var(--whiteopacity2);font-size:14px;margin:15px 0 4% 0;float: left;}
.breadcrumbs a {color:var(--black);font-size:14px}
.breadcrumbs a:hover, .breadcrumbs a:focus {text-decoration: underline}
.breadcrumbs br {display:none}

.bodyflex {display:flex;flex-wrap:wrap;justify-content: space-between;}
.bodyflex > div {width:50%;flex: auto;padding:0 1% 0 0}
.bodyflex > div:nth-of-type(2n) {padding:0 0 0 1%}

.popupplace {background: var(--blackopacity);position:fixed;left:0;top:0;width:100%;z-index:0;opacity:0}
.popupplace.opened {z-index:5;opacity:1;height:100%;}

.slideto {background:var(--white);padding:10px;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;}

.opencontact {background:var(--greylight) url(./assets/images/mail.png) center 15px no-repeat;display:none;width: 80px;height: 80px;position:fixed;left:0;bottom:100px;border-radius:100%;text-align:center;font-size:14px;color:var(--black);    filter: drop-shadow(2px 2px 3px rgba(100,100,100,0.6));padding: 0px 0 10px 0;display: flex;justify-content: center;align-items: flex-end;background-size:30px}
.opencontact:hover, .opencontact:focus {filter: drop-shadow(2px 2px 6px rgba(50,50,50,1));background-color:var(--black);color:var(--white);}

.opensearch {display: block;margin:0 5px;}
.opensearch span {display: block;width:45px;height:45px;background: url(./assets/images/search.png) center center no-repeat;filter: brightness(0) invert(1);background-size: 35px;}
.opensearch:hover, .opensearch:focus {}
.opensearch.opened span {background:url(./assets/images/close.png) center center no-repeat;background-size: 25px;}
.opensearch.opened:hover span, .opensearch.opened:focus span {}
.opensearch:hover span, .opensearch:focus span {}

.featurepopupplace {background: #000\5;background: rgba(0, 0, 0, 0.5);position:fixed;left:0;top:0;width:100%;z-index:0;opacity:0;display:none}
.featurepopupplace.opened {z-index:99;opacity:1;height:100%;display:block}
.featurepopupplace .featurepopup {padding:40px;background: var(--white);width:1000px;position:absolute;left:50%;top:15%;margin:0 0 0 -500px;box-shadow: 0px 0px 10px rgba(100,100,100,.5);border-radius: 5px;}
.featurepopupplace iframe {width:100%;}
.featurepopupplace .imgplace {max-width:350px;margin:0 0 0 2%}
.featurepopupplace .featurepopupdata {/*max-height:600px;overflow-y:auto;direction: ltr;padding: 0 20px;*/display:flex}

.featurepopupplace .close {width:30px;height:30px;position:absolute;right:10px;top:10px;border:none;}
.featurepopupplace .close:before, .featurepopupplace .close:after {padding: 0;transform: rotate(45deg);content:"";display:block;background:#000;width:30px;height:3px;position:absolute}
.featurepopupplace .close:after {transform: rotate(-45deg);}

#searchform {position: absolute;right: 0;top:100%;padding: 15px;background: var(--maincolor);display: none;}
#searchform.opened {display: flex;}

.searchplace {display:flex;width:400px;position:relative}
.searchplace.opened {display:block} 
.searchplace label {display:inline-block;margin:0;width: 100%;}
.searchplace input {padding:6px 10px;background:none;color: var(--white);}
.searchplace input[type="text"] {border:1px solid var(--white);}
.searchplace .submitsearch {width:40px;height:38px;display: block;background: url(./assets/images/search.png) center center no-repeat;background-size: 25px;filter: brightness(0) invert(1)}
.searchplace .submitsearch:hover, .searchplace .submitsearch:focus {}

.masonry-gallery {display: flex;flex-wrap: wrap;margin: -5px;}
.masonry-gallery div {width: calc(32.6% - 10px);margin: 5px;box-sizing: border-box;}
.masonry-gallery img {display: block;width: 100%;height: auto;}

.lifneiahrei {margin:0px 0 80px 0;}
.lifneiahrei .btn {width:200px;display:block;margin:20px auto;color:var(--white);background:var(--maincolor)}
.lifneiahrei iframe {    height: 500px;}

.faq-answer {display: none;overflow: hidden;transition: max-height 0.5s ease-out;max-height: 0;}
.faq-item.open .faq-answer {display: block;max-height: 500px;padding: 10px 0 20px 0;}
.faq-question {cursor: pointer;margin: 5px 0;font-size: var(--fonttitle);color: var(--seccolor);padding: 0 0 0 40px;position: relative;}
.faq-question span {}
.faq-item {margin: 0 0 15px 0;padding: 0 0 15px 0;border-bottom: 1px solid var(--grey);}

.faq-item span {position:absolute;left:0px;top:0px;background:var(--maincolor);width:30px;height:30px;display:flex;align-items: center;justify-content: center;}
.faq-item span:before, .faq-item span:after {content:"";display:block;width:15px;height:2px;background:var(--white);position: absolute;}
.faq-item span:after {transform: rotate(90deg);}

.faq-item.open span {background:var(--black)}
.faq-item.open span:after, .faq-item.open span:before {background:var(--white)}
.faq-item.open span:after {display:none}
/*
.faq-answer table {padding:5px;border-right:1px solid var(--grey);border-top:1px solid var(--grey);border-collapse:collapse;border-spacing:0;margin: 0 0 20px 0;}
.faq-answer table td, .faq-answer table th {padding:5px;border-left:1px solid var(--grey);border-bottom:1px solid var(--grey)}
.faq-answer table th {background:var(--greylight);color:var(--black)}
.faq-answer table th h3, .faq-answer table th h2 {color:var(--black);margin: 0}
*/
.courses-table {width: 100%;border-collapse: separate;border-spacing: 0 10px;box-shadow: 0 4px 15px rgba(0,0,0,0.1);background: #fff;border-radius: 8px;overflow: hidden;}
.courses-table thead {background: var(--maincolor);color: #fff;}
.courses-table thead th {padding: 10px;user-select: none;color: #fff;text-align: center;font-size: 16px;}
.courses-table tbody tr {background: #f9f9f9;transition: background-color 0.3s ease;}
.courses-table tbody tr:nth-child(even) {background: #e9f1f7;}
.courses-table tbody tr:hover {background-color: #d0e4fa;}
.courses-table tbody td {padding: 10px;vertical-align: middle;color: #333;border-left: 1px solid transparent;transition: border-color 0.3s ease;text-align: center;font-size: 16px;}
.courses-table tbody tr:hover td {border-left-color: #ccc;}
.courses-table a {color: #0073aa;text-decoration: none;font-weight: 600;font-size: 16px;}
.courses-table a:hover text-decoration: underline;}
.courses-table td:last-child {color: #555;font-size: 0.85rem;line-height: 1.4;}

footer {width:100%;float:left;background: var(--fontcolor);padding: 5% 0 0 0}
#custom-popup {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.popup-overlay {
    position: absolute;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.7);
}

.popup-content {
    position: relative;
    background: #fff;
    padding: 30px;
    max-width: 500px;
    width: 90%;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    z-index: 10000;
    animation: popup-appear 0.4s ease;
    text-align: center;
}

#popup-close {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 40px;
    height: 40px;
    background: #d9a209;
    border: none;
    border-radius: 50%;
    color: #fff;
    font-size: 24px;
    line-height: 40px;
    font-weight: bold;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    transition: background 0.3s;
}

#popup-close:hover {
    background: #000;
}

@keyframes popup-appear {
    from { opacity: 0; transform: scale(0.9); }
    to { opacity: 1; transform: scale(1); }
}

.credits {text-align:center;padding:20px;display: flex;justify-content: center;align-items: center;border-top: 1px solid rgba(0, 0, 0, .2);background: var(--black);color:var(--white);font-size:16px;width: 100%;margin: 3% 0 0 0;line-height: 100%}
.credits a:hover, .credits a:focus {text-decoration:underline;color:var(--white)}
.credits p, .credits a {color:var(--white);font-size:16px;}
.credits div {color:var(--white)}

html:lang(he) body, html:lang(he) input[type="tel"], [dir='rtl'] .slick-slide div {text-align:right;direction:rtl;}
[dir='rtl'] .similarslider {direction: rtl;}
[dir='rtl'] .slick-prev {-webkit-transform: scaleX(-1);transform: scaleX(-1);}
[dir='rtl'] body .slick-prev:before, [dir='rtl'] body .slick-next:before, [dir='rtl'] body .slick-prev:after, [dir='rtl'] body .slick-next:after {content: ""}
[dir='rtl'] body .slick-prev {right:auto;left:0; }
[dir='rtl'] body .slick-next {left:auto;right:0;}
[dir='rtl'] body .slick-next:before, [dir='rtl'] body .slick-prev:before {transform: rotate(45deg);top:22px;}
[dir='rtl'] .slick-slider, [dir='rtl'] .slick-slider > div {direction: ltr}
[dir='rtl'] .bodytext li {background: url(./assets/images/dot.png) right 8px no-repeat;padding: 0 17px 0 0 }
[dir='rtl'] .sub-menu {left: auto;right: 0%}
[dir='rtl'] #searchform {right: auto;left: 0%}
[dir='rtl'] .logo {margin: 0 0 0 20px}
[dir='rtl'] .breadcrumbs {float: right;}
[dir='rtl'] .faq-question {padding: 0 40px 0 0 ;}
[dir='rtl'] .faq-item span {left:auto;right:0px;}
[dir='rtl'] .footer-features {float: right;}
[dir='rtl'] .docsplace a, [dir='rtl'] .linksplace a {background: url(./assets/images/download.png) right 5px no-repeat;background-size: 25px;}
[dir='rtl'] .linksplace a {background: url(./assets/images/link.png) right 5px no-repeat;background-size: 25px;}
[dir='rtl'] .projects .abstract {    padding: 0 2% 0 0 ;}
[dir='rtl'] .flexbodyplace .imgplace {margin: 0 0 0 2% ;border-left: 1px solid var(--greylight);border-right:none;padding: 0  0 0 2%;}

@media (-webkit-device-pixel-ratio: 1.25) {#main {zoom: 0.8;}}
@media (-webkit-device-pixel-ratio: 1.5) {#main {zoom: 0.67;}}
@media screen and (min-width: 1921px) and (max-width: 6000px) {header {width:1920px;left:50%;margin:0 0 0 -960px}}
@media screen and (min-width: 1021px) and (max-width: 1240px) 
{
	.shortpage, .mainabstract {padding:0 4%}
	.headertext {width:120px;margin:0 10px;text-align:center}
	.headertext p, .headertext a {font-size:11px;display:block;text-align:center;padding:0px;margin:0}
	.headertext a {padding:4px 10px;margin:4px 0}
	h1, .maintitleplace h1, .indextext h1, .featuresplace .title {font-size:40px;}
	h2, .bannerplace .abstract, .homeprojects h2, .renewfeature .title {font-size:30px;}
	.featuresplace .abstract {font-size:18px;}
}

@media (max-width: 900px) {
    .courses-table, 
    .courses-table thead, 
    .courses-table tbody, 
    .courses-table th, 
    .courses-table td, 
    .courses-table tr {display: block;width: 100%;}
    .courses-table thead tr {display: none; /* Скрываем заголовки в мобильной версии */}
    .courses-table tbody tr {margin-bottom: 20px;background: #fff;box-shadow: 0 2px 8px rgba(0,0,0,0.1);border-radius: 8px;padding: 15px;}
    .courses-table tbody td {padding: 8px 0;position: relative;padding-left: 50%;border-left: none;border-bottom: 1px solid #eee;}
    .courses-table tbody td:last-child {border-bottom: none;}
    .courses-table tbody td::before {position: absolute;top: 8px;left: 15px;width: 45%;padding-right: 10px;white-space: nowrap;font-weight: 700;font-size: 0.85rem;color: #0073aa;content: attr(data-label);}
}

@media screen and (min-width: 320px) and (max-width: 1020px) 
{
	@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }
	input, select, textarea {border-radius: 0px;}
	img {width:auto;height:auto}
	
	.shortpage, .bodyshortpage {width:100%;max-width:100%;padding:0 4%}
	
	h1, .maintitleplace h1, .indextext h1, .featuresplace .title, .titleplace h2, .peopleplace .title, .indexcontent .bodytext h1,
	.indexcontent .bodytext h2 {font-size:34px;}
	h2, .bannerplace .abstract, .homeprojects h2, .renewfeature .title {font-size:28px;}
	.featurestab-title {font-size:24px;}
	.featurestabs .featurestab-abstract {font-size:16px;}
	header .wrap {padding:5px;}
	[dir='rtl'] header .wrap {flex-direction: row-reverse;}
	
	
	.headertext {width:120px;margin:0 10px;text-align:center}
	.headertext p, .headertext a {font-size:11px;display:block;text-align:center;padding:0px;margin:0}
	.headertext a {padding:4px 10px;margin:4px 0}
	
	.logo {padding: 5px 0;}
	.logo img {max-height: 35px;}

	.openmenu {display: flex;width: 40px;height: 40px;position: absolute;right: 10px;top: 8px;z-index: 222;justify-content: center;flex-direction: column;}
	.openmenu span {border-radius: 3px;display:block;background:var(--white);height:6px;position:relative;margin: 3.5px 0;        width: 100%;}

	.openmenu.opened span:first-of-type {transform: translateY(13px) rotate(135deg);}
	.openmenu.opened span:last-of-type {transform: translateY(-13px) rotate(-135deg);} 
	.openmenu.opened span:nth-of-type(2) {transform: scale(0);}
	
	.featuresfooter > div, .contactformplace > div:first-of-type > div:first-of-type {padding:0;margin:0;}
	
	.desktop-menus {flex-direction: column;align-items:normal;	transform: translateX(-105%);left: 0;position:fixed;top:0px;width:85%;margin:0;height: 100vh;background: var(--white);box-shadow: var(--shadow);z-index:999;}
	.desktop-menus.opened {transform: translateX(0%);}
	
	.main-navigation {width: 100%;height: 100%;padding: 0;-webkit-overflow-scrolling: touch;overflow: scroll;overflow-x: hidden;overflow-y: auto;padding:0 0 30% 0}

	.mainmenu {display:block;}
	.mainmenu li {padding:0px;border-bottom:1px solid var(--greydark);background: var(--greylight)}
	.mainmenu a {color: var(--fontcolor);padding: 10px}

	.sub-menu {position: static;display: block;width: 100%;box-shadow: none;margin: 0 0 20px 0}
	.sub-menu li {background: none;border-bottom:1px solid var(--greylight);}
	.sub-menu a {padding: 10px}

	.mdisable, .mdisable main {overflow: hidden;}
	.mdisable main {-webkit-animation:none;animation:none;}
	
	.indextext, .projectfeature, .renewfeature, .blueplace .contactform form, .contactformplace, .contactform .radiosplace, 
	.whiteplace .contactform form, .featurestabs .featurestabsflex, .indexcontent > div, .contactdiv, .projects > div {flex-wrap: wrap;}
	
	.featuresfooter > div:first-of-type, .featuresfooter > div:last-of-type, .featuresfooter > div, .indextext > div, .featuresplace > div, .flexbodyplace .imgplace,
	.flexplace .flex, .contactformplace > div:first-of-type, .contactformplace > div:nth-of-type(2n), .peopleplace .slide .imgplace, .peopleplace .slide > div, .flexbodyplace > div,
	.contactform .radiosplace label, .contactform .radiosplace .title, .footer-features, .footer-feature, .socialmedia, .featurestab, .fourbox > div,
	.projects .imgplace, .projects .abstract {width:100%;margin:0 auto 5% auto;border:none}
	
	#content {margin: 50px 0 0 0;}
	.home #content {margin: 57px 0 0 0;}

	.sliderhome .slide {height: 200px}

	.contactform {padding:0;margin:0 0 60px 0;}
	.contactform .btn {position:static;margin:0}
	
	.homeprojects h3 {margin: 20px 0 30px 0;}
	
	.featuresplace > div, .flexplace .flex, .projectlongfirst .flex:first-of-type {margin-bottom:45px}
	
	.maintitleplace {margin: 60px 0 4% 0;max-height: 400px;padding:0 20px 0 0}
	
	.imagestrip {width: 70%;}
	.whiteplace .contactform form {    justify-content: center;}
	.blueplace h2, .whiteplace .contactform h3 {flex-direction: column;text-align: center;margin:0 0 20px 0;}
	
	 .renewfeature .imgplace, .flexplace .flex .imgplace, .flexplacein .flex .imgplace {height: 400px;}
	.videoplace, .video-wrapper {margin:60px 0 0 0;height:220px;}
	
	.whiteplace {border-radius: 50px 50px 0 0;}
	.whiteplace .contactform {margin: 0;padding: 4%;}
	
	div .slick-prev, div .slick-next {bottom: -40px;}
	div .slick-dots {bottom: -16px;}

	.peopleplace .slide .imgplace {height: 200px}
	.peopleplace .slide .imgplace img {height: 100%}
	.peopleplace .slick-next {    right: 0;}
	.peopleplace .slick-prev {    left: 0;}
	
	.infobox .abstract {padding: 0}

	.credits {display: block;}

	.indexcontent > div > div {width: 100%;min-height: 150px;}

	.grid-sizer, .image-item {width: 49%;}
	
	.editor1 td, .editor2 td {font-size:12px;    padding: 0 15px 5px 5px;background-size: 10px;}
	
	.renewfeature .subtitle span {display:block;padding: 10px 20px;}
	
	.sliderplace img, .sliderplace .slick-slide {height:auto}

   .masonry-gallery div {width: calc(48% - 10px);}

   .searchplace {width: 100%;padding: 10px;}

   table td, table th {padding: 2px;}
	table td, table th, table a, table p {font-size: 11px;    padding: 2px;}
	table td h2, table td h3, table td h4 {font-size: 13px}

	.stripplace {min-height: 200px;}

div .slick-prev, div .slick-next {zoom: .5}

}

body.home .wp-block-post-title, .sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}

:focus, .saveforlatermenu:focus, .articles a:focus, .glossaryABC a:focus span, .slick-slider a:focus, .slick-slider button:focus, 
.infobox a:focus, .toogleselect .scroll input:focus {outline: 1px dashed var(--maincolor);outline-offset: 1px;box-shadow: 0px 0px 2px rgba(0,0,0,.5);}
.faqsplace button {outline:none;box-shadow:none}

* {-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing: border-box;}
div:after {content: "";display: table;clear: both;}

nav ul, .footerlinksbox ul, .productslistselects ul, .leftmenu li {margin:0;list-style-type:none;list-style: none;}
div a, button, input[type="submit"], .btn, a img, .flex .abstract {-webkit-transition: all 0.20s ease-in-out;}
.menuopen, .menuplace {-webkit-transition: all 0.50s ease-in-out;}

::-moz-selection {background:var(--maincolor);color:var(--white)}
::-webkit-selection {background:var(--maincolor);color:var(--white) }
::selection {background:var(--maincolor);color:var(--white) }

::-webkit-input-placeholder { color:var(--black)}
::-moz-placeholder { color:var(--black)}
:-ms-input-placeholder {color:var(--black) }
:-moz-placeholder {color:var(--black) }

.searchplace ::-webkit-input-placeholder { color:var(--white)}
.searchplace ::-moz-placeholder { color:var(--white)}
.searchplace :-ms-input-placeholder {color:var(--white) }
.searchplace :-moz-placeholder {color:var(--white) }


::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar-track {background: var(--greylight);}
::-webkit-scrollbar-thumb {background: var(--grey);}
::-webkit-scrollbar-thumb:hover {background: var(--black);}

button, html input[type="button"], input[type="reset"], input[type="submit"]{-webkit-appearance:button;cursor:pointer;}

@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:var(--black);}
	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;}
	.logo {width:100%;height:auto;margin:auto;display:block;float:none;text-align:center;}
	.logo img {margin:auto;max-height:100px;}
	body, div, header, footer, a, #maintitleplace, .mainabstract p, .mainabstract a, .mainabstract li {color:var(--black);background:none;}
	.content, .imgside, .bodytext, .wrap, .pagetitle, footer {width:100%; margin:auto;max-width:100%;float:none;display:block;margin:0;padding:0;background:none;}
	.leftcolumn, .mainmenu, .topmenu, .breadcrumbs, .search, .socialmedia, #strip, .opensearch, .shoppingcart, .footerlinksplace,
	.docsplace, div .slick-dots, .accessibility, #contactfooter, .accountplace, .saveforlatermenu, div:after, div:before,
	.sliderbtn, .sliderhome, .linksplace {display:none !important;}
	.flexplace, .infoboxesplace, .credits, header, .maincontent, .columns {width:100%;background:none;float:left;}
	header, header.sticky {position:static;padding:0;box-shadow:none}
	.credits {text-align:center;padding:5px;font-size:14px;margin: 0;background:none;}
	.content {page-break-after: always;}
	.flex .imgplace {max-height:200px;}
	#maintitleplace {margin:0;padding:0;}
	.scrollflow {filter:none !important}
}