html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl,
dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0px;padding:0px;border:0px;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
table {border-collapse:collapse;border-spacing:0;}
table, td, th {vertical-align:top;}
*:focus { outline: none;}
a img {border:none;}
hr{display: block;clear: both;background: #cccccc;color: #cccccc;width: 100%;height: 1px;border: none;}
input, textarea, select, button {line-height:normal;margin:0px;padding:0px;border:none;border-bottom:1px solid #999;color: #222;font: normal 16px Assistant, Arial, Helvetica, sans-serif;background:#fff;vertical-align: middle;}
input:hover, textarea:hover, select:hover, button:hover {border-bottom:1px solid #6e19f0;}
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:#6d1ef4;color:#ffffff;text-shadow: none;}
::-webkit-selection {background:#6d1ef4;color:#ffffff;text-shadow: none;}
::selection {background:#6d1ef4;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}
body {font-size:16px;color:#202222;-webkit-animation: bugfix infinite 1s;overflow-x:hidden;font-weight:600}
h1, h2, h3, h4, h5, h6, h7 {font-weight:600;color:#202222;margin:0px 0px 20px 0px;line-height:100%;font-size:22px;}
h1 {font-size:35px;margin:0px 0px 40px 0px;}
h2 {font-size:26px;}
p {margin:0px 0px 15px 0px;line-height:140%;}
a, a:link, a:visited, a:focus, a:active{color:#6d1ef4;text-decoration:none;outline-style:none;}
a:hover, a:focus {color:#000000;}
img { -ms-interpolation-mode: bicubic;display: block; max-width:100%;}
li ul, li ol {margin:0 1.5em;}
ol {list-style-type:decimal;margin:0 20px;}
nav ul{ display: inline;margin:0;list-style-type:none;list-style: none;}
nav ul li {display:inline-block}
ul li{margin:0;list-style: none;}
body, h1, h2, h3, h4, h5, h6, .mainabstract p, input, textarea, select, button {font-family:Assistant, Arial, Helvetica, sans-serif;}
.openlogin, .mainmenu a, .menuopen, div .more, div input[type="submit"], button, a.btn, button:after, button:before, .leftmenu a {transition: all 0.30s ease-in-out;-o-transition: all 0.30s ease-in-out;-ms-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out;-webkit-transition: all 0.30s ease-in-out;}
.clear {clear:both;}
div:after {content: "";display: table;clear: both;}
.loading, .accessibilityplace, .loginplace, .errorplace, .forgotpass, .dnone, .togglecart, .openmenu, .pageslogan,
.slick-slider:after, .slick-slider div:after, .imagesplace:after {display: none;}
.errorplace {color:#D42A2A;font-size:12px;position:absolute;right:0;bottom:-17px;font-weight: 500;}
.error {border-bottom:1px solid #D42A2A;color: #D42A2A !important;}
.errorspan {color: #D42A2A !important;}
.error::-webkit-input-placeholder {color: #D42A2A!important;}
.error::-moz-placeholder {color: #D42A2A!important;}
.error:-ms-input-placeholder {color: #D42A2A!important;}
.error:-moz-placeholder {color: #D42A2A!important;}
.alert{color:#D42A2A;font-size: 14px;margin:0;}
.bigalert{color:#D42A2A;font-size: 18px;margin:20px 0;}
.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%;}
.whiteimg {filter: brightness(0) invert(1);}
.grayscale a img, .grayscale img {filter: url(data:image/svg+xml;utf8,#grayscale);filter: gray;-webkit-filter: grayscale(100%);}
#main {max-width:1920px;margin:auto;}
.logo {margin:30px 0;display: block;float:left;max-width:94px;}
header {position:fixed;left:0;top:0;width:100%;z-index:998;background: #ffffff}
.bodyanimation header, .sticky {background: #fff\9;background: rgba(255, 255, 255, 0.9);/*-moz-box-shadow: 0px 0px 10px rgba(100,100,100,0.5);-webkit-box-shadow: 0px 0px 10px rgba(100,100,100,0.5);box-shadow: 0px 0px 10px rgba(100,100,100,0.5);*/}
.page, .pagewide, .shortpage {position:relative;max-width:1100px;margin:auto;z-index:3}
.shortpage {max-width:1000px;width:94%;}
.pagewide {max-width:1900px;width:94%;}
.menuplace {float:left;margin:35px 0px 0 12px;}
.mainmenu {display:block;position:relative}
.mainmenu a {color:#202222;display:block;text-align:center;line-height:110%;padding:7px 25px;margin:0 0px;border:1px solid transparent;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.mainmenu a span {position:relative}
.mainmenu a span:before {content:"";display:block;width: 0;position:absolute;left: -17px;top: 9px;height: 0;border-style: solid;border-width: 5px 4px 0 4px;border-color: #000000 transparent transparent transparent;}
.mainmenu li:last-of-type a span:after {display:none}
.mainmenu li:hover a, .mainmenu a:focus, .mainmenu li.this a {color:#6d1ef4;}
.mainmenu li:hover a span:before, .mainmenu a:focus span:before, .mainmenu li.this a span:before {border-color: #6d1ef4 transparent transparent transparent;}
.mainmenu li:nth-of-type(3) a {border:1px solid #6e19f0}
.mainmenu li:nth-of-type(3) a span:after {content:"";display:block;width: 0;position:absolute;right: -18px;top: 5px;background: url(../images/favicon.png) center center no-repeat;width:12px;height:12px;background-size:cover}
html:lang(ar) .mainmenu li:nth-of-type(3) a {border:none}
html:lang(ar) .mainmenu li:nth-of-type(3) a span:after {display:none}
.mainmenu li {position:relative}
.mainmenu li ul li {float:none;display:block}
.mainmenu li ul li a {color:#202222 !important;text-align:initial;line-height:100%;padding:15px;border:none !important}
.mainmenu li ul li a:hover, .mainmenu li ul li a:focus, .mainmenu li ul li.this a {background:#eae7ef;color:#6d1ef4 !important;}
.mainmenu li ul li ul, .topmenu .dropmenuplace {display:none !important}
.mainmenu li ul li ul li a { background:#f0f0f0; padding: 10px 35px;}
.dropmenuplace {padding:15px;position: absolute;top: 32px;z-index: 1;opacity: 0;width: 300px;left: 0px;display: none;background: #fff;-moz-box-shadow: 0px 5px 25px rgba(100,100,100,0.2);-webkit-box-shadow: 0px 5px 25px rgba(100,100,100,0.2);box-shadow: 0px 5px 25px rgba(100,100,100,0.2);border-top:2px solid #6d1ef4}
.mainmenu li:hover > .dropmenuplace, .topmenu li:hover > .dropmenuplace, .dropmenuplace.show-menu {opacity: 1;display:block}
.topmenu {margin:36px 10px 0 0;}
.topmenu li {position:relative}
.topmenu a {display:block;padding:5px 5px;font-weight:700;position:relative;z-index:2;font-size:18px;color:#222;}
.topmenu a:hover, .topmenu a:focus, .topmenu li.this a {color:#6d1ef4;}
.topmenu .dropmenuplace {top:39px;position:absolute;width:200px;padding:10px;}
.topmenu .dropmenuplace ul li {float:none;display:block}
.topmenu .dropmenuplace ul li a {color:#000;padding:8px 5px;background:none;line-height:100%;}
.topmenu .dropmenuplace ul li a:hover, .topmenu .dropmenuplace ul li a:focus, .topmenu .dropmenuplace ul li.this a {background:#6d1ef4;color:#fff;}
.opensearch {display:block;background: url(../images/search.png) center center no-repeat;width:30px;height:30px;float:left;background-size:cover;position:absolute;left:0;top:3px;}
a.openlogin {display:block;background:#6e19f0;float:left;padding:7px 10px;color:#fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border:1px solid #6e19f0;margin:36px 15px 0 0;}
a.openlogin:hover, .submitsearch:hover {background:#9013fe;}
/*a.openlogin:focus, .submitsearch:focus, a.openlogin:active, .submitsearch:active {background:#6e19f0;-moz-box-shadow: 0px 5px 5px rgba(100,100,100,.5);-webkit-box-shadow:0px 5px 5px rgba(100,100,100,.5);box-shadow: 0px 5px 5px rgba(100,100,100,.5);}*/
.searchplace {float:left;margin: 36px 0 0 0;position:relative;width:150px;}
.searchplace .search {background:#fff;z-index:2;position:relative;display:none;}
.searchplace .search.opened {display:block;}
.searchplace .submitsearch {display:block;background: url(../images/search.png) center center no-repeat;width: 30px;height: 30px;float:right;background-size: cover;margin:3px 0 0 0}
.searchplace input {border:1px solid #6e19f0;padding:7px;width:80%;float:left;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.searchplace .close {display:block;width:30px;height:30px;position:absolute;background:none;border:none !important;left:-5px;top:10px;z-index:101}
.searchplace .close div:after, .searchplace .close div:before {border-radius: 3px;display:block;height:3px;background:#000;margin: auto;width: 30px;position:relative}
.searchplace .close div:after { content: '';bottom:-9px;transform: translateY(-10px) rotate(-135deg);width: 25px;}
.searchplace .close div:before { content: '';top:-8px;transform: translateY(10px) rotate(135deg);width: 25px;}
.searchplace .close span {transform: scale(0);}
.searchplace .close {opacity:1}
.search_resultsplace {display:none;}
.search_resultsplace.this {display:block}
.search_results {background:#fff;padding:10px;position:absolute;left:0%;top:40px;width:270px;max-height:300px;/*height:300px;overflow-y:scroll*/}
.search_results .item {padding:5px;color:#666;-moz-box-shadow: 0px 0px 5px rgba(0,0,0,1);-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,1);box-shadow: 0px 0px 5px rgba(0,0,0,1);border:1px solid #ccc;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 #ccc;}
.search_results a:hover, .search_results a:focus {background:#f0f0f0;}
.search_m .title { text-align: center;font-size: 24px;margin:10px 0;}
.search_m select {background:#fff;width:100%;padding:10px;}
.search_m_results {padding:10px;background:#EAE7EF;font-size:14px;margin:20px 0;}
.search_m_results .name {font-weight:700;float:right;font-size: 18px;}
.search_m_results a {display:block;color:#000;position:relative;text-align:left;font-size: 16px;margin:0 0 5px 0;}
.search_m_results a:after {content:"";display:block;width:15px;height:15px;float:left;margin:4px 5px 0 0}
.search_m_results a.mail:after {background: url(../images/Email.png) center center no-repeat;}
.search_m_results a.tel:after {background: url(../images/Phone.png) center center no-repeat;}
.search_m_results a.goto {color: #6E19F0;font-size: 12px;margin:10px 0 0 0;}
.search_m_results a.goto:after {background: url(../images/leftarrowpurple.png) center center no-repeat;margin:1px 0px 0 0}
.searchstyle {margin:0px 0 40px 0;}
.searchstyle .title {margin: 0;color: #fff;padding: 15px;font-size: 30px;background: #6e19f0;position: relative;}
.searchstyle label {display:block;float:right;margin:10px 0;width:48%;}
.searchstyle select, .searchstyle input {background:#fff;border-bottom: 2px solid #6e19f0;width:100%;padding:10px;}
.searchstyle input {padding:11px;}
.searchstyle label:nth-of-type(2n) {float:left;}
.searchstyle button {display: inline-block;float: right;margin: 10px 0;border: 1px solid #6e19f0;background: #6e19f0;color: #fff;min-width: 200px;text-align: center;padding: 15px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;font-size: 16px;font-weight: 600;}
.searchstyle button:hover {background:#9013fe;border:1px solid #9013fe;}
/*.searchstyle button:focus, .searchstyle button:active {background:#6e19f0;-moz-box-shadow: 0px 5px 5px rgba(100,100,100,.5);-webkit-box-shadow:0px 5px 5px rgba(100,100,100,.5);box-shadow: 0px 5px 5px rgba(100,100,100,.5);}*/
.searchstyle div {overflow:hidden;float: left;width:100%}
.searchstyle table {border-top:1px solid #ccc;border-right:1px solid #ccc;margin:20px 0;width:100%;}
.searchstyle table td, .searchstyle table th {border-bottom:1px solid #ccc;border-left:1px solid #ccc;padding:5px;}
.searchstyle table td:first-of-type {white-space:nowrap}
.searchstyle table th {background:#ccc;}
#maintitleplace {margin: 110px auto 0px auto;position:relative}
.content {float:left;width:67%;position:relative;padding:0px 0 60px 0;}
.content.contentwide {width: 100%;}
.leftcolumn {float:right;width:25%;margin:0 0 40px 0;}
.leftmenu a {display:block;padding:10px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.leftmenu a:hover, .leftmenu a:focus, .leftmenu .this {background:#eae7ef;}
.leftmenu a.level2 {padding:10px 25px;color:#202222;}
.leftmenu a.level3 {padding:5px 50px 5px 0;color:#202222;}
.leftmenu a.level4 {padding:5px 75px 5px 0;color:#202222;}
.breadcrumbs {margin:20px 0;font-weight:500}
.breadcrumbs span {padding: 0 5px;}
.breadcrumbs a {color:#999;}
.breadcrumbs a:hover, .breadcrumbs a:focus {text-decoration: underline}
.breadcrumbs br {display:none}
div .slick-next {right:5%;opacity: 1;zoom: .5;}
div .slick-prev {left:5%;opacity: 1;zoom: .5;}
div .slick-prev, div .slick-prev:hover, div .slick-prev:focus {z-index:9;background: url(../images/leftgreyarrow.png) center center no-repeat;width:29px;height:50px;text-indent:1000px;overflow:hidden}
div .slick-next, div .slick-next:hover, div .slick-next:focus {z-index:9;background: url(../images/rightgreyarrow.png) center center no-repeat;width:29px;height:50px;text-indent:1000px;overflow:hidden}
div .slick-next:hover, div .slick-next:focus, div .slick-prev:hover, div .slick-prev:focus {-moz-box-shadow: 0px 0px 5px rgba(100,100,100,0.5);-webkit-box-shadow: 0px 0px 5px rgba(100,100,100,0.5);box-shadow: 0px 0px 5px rgba(100,100,100,0.5);}
div .slick-prev:before, div .slick-next:before {display:none}
div .slick-prev:hover, div .slick-prev:focus, div .slick-next:hover, div .slick-next:focus {opacity:1}
div .slick-dots li {padding:0;background:none;width:39px;height:23px;}
div .slick-dots li.slick-active button:before {opacity:1;filter: url("data:image/svg+xml;utf8,#grayscale");filter: grayscale(0%); -webkit-filter: grayscale(0%);}
div .slick-dots li button:before {opacity:1;content:"";background:#ccc;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;width:39px;height:23px;background: url(../images/vi.png) center center no-repeat;filter: url("data:image/svg+xml;utf8,#grayscale");filter: gray contrast(1);-webkit-filter: grayscale(100%) contrast(1);}
div .slick-dots {bottom: -30px;}
div .slick-dotted.slick-slider {margin:0}
.slider-nav .slick-slide {height:100px;padding: 7px;border: 1px solid #cccccc;cursor:pointer;margin:1px}
.slider-nav .slick-slide span {height:85px;border:none;padding:0;width:108px;overflow:hidden;display:block}
.slider-nav .slick-slide:hover img {-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}
.slider-nav img {height:85px;max-width:none}
.slider-nav .slick-slide.slick-current.slick-active {background: #cc0000;}
.slide {text-align:center}
.slide a {display:block;margin:5px;padding:10px 0;}
.slide a:hover, .slide a:focus {-moz-box-shadow: 0px 0px 5px rgba(100,100,100,0.5);-webkit-box-shadow: 0px 0px 5px rgba(100,100,100,0.5);box-shadow: 0px 0px 5px rgba(100,100,100,0.5);}
.slide img {margin:auto}
.sliderhome {margin: 0 0 -8px 0;max-height:538px;position: relative;overflow:hidden}
.sliderhome .slick-slide > div {position: relative;}
.sliderhome .caption {position:absolute;right:0;top:0;width:70%;height:100%;padding:3.5% 10% 5% 15%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+39&0+0,1+27,1+100 */
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 27%, rgba(255,255,255,1) 39%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 27%,rgba(255,255,255,1) 39%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 27%,rgba(255,255,255,1) 39%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */}
.sliderhome h2 {font-size:52px;font-weight:700}
.sliderhome h3 {font-size:30px;font-weight:600}
.sliderhome p {font-size:30px;font-weight:500}
.sliderhome blockquote p {font-size: 24px;}
.sliderhome img {height:538px;max-width:none;width:auto}
.sliderhome a.btn {display:inline-block;float:right;margin:20px 0 0 30px;border:1px solid #6e19f0;background:#fff;color:#6e19f0;min-width:170px;text-align:center;padding:17px 15px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;font-size:16px;font-weight:600;position:relative}
.sliderhome a.btn:nth-of-type(2n) {background:#6e19f0;color:#fff;}
.sliderhome a.btn:hover {background:#6e19f0;color:#fff;border:1px solid #6e19f0;}
/*.sliderhome a.btn:focus, .sliderhome a.btn:active {background:#6e19f0;color:#fff;-moz-box-shadow: 0px 5px 5px rgba(100,100,100,.5);-webkit-box-shadow:0px 5px 5px rgba(100,100,100,.5);box-shadow: 0px 5px 5px rgba(100,100,100,.5);}*/
.sliderhome a.btn:nth-of-type(2n):hover {background:#9013fe;color:#fff;border:1px solid #9013fe;}
/*.sliderhome a.btn:nth-of-type(2n):focus, .sliderhome a.btn:nth-of-type(2n):active {background:#fff;color:#6e19f0;-moz-box-shadow: 0px 5px 5px rgba(100,100,100,.5);-webkit-box-shadow:0px 5px 5px rgba(100,100,100,.5);box-shadow: 0px 5px 5px rgba(100,100,100,.5);}*/
.sliderhome a.btn.video {padding:17px 15px 17px 55px;}
.sliderhome a.btn.video:after {content:"";display:block;width:27px;height:27px;background:#6e19f0; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;position:absolute;left:17px;top:13px;}
.sliderhome a.btn.video:before {content:"";display:block;position:absolute;left:27px;top:22px;width: 0;z-index:2;height: 0;border-style: solid;border-width: 5px 0 5px 10px;border-color: transparent transparent transparent #ffffff;}
.sliderhome a.btn.video:hover:after {background:#fff;}
.sliderhome a.btn.video:hover:before {border-color: transparent transparent transparent #6e19f0;}
.sliderhome a.btn.video:nth-of-type(2n):after {background:#fff;}
.sliderhome a.btn.video:nth-of-type(2n):before {border-color: transparent transparent transparent #6e19f0;}
.logosplace {padding:200px 0 100px 0;}
.logosslider {padding:50px}
.logosslider .slide .imgplace {height:100px;}
.logosslider .slide .imgplace img {max-height:100px;}
.logosslider li {display:inline-block}
.indexcontent a, span.more, a.more {display: inline-block;margin: 20px auto;border: 1px solid #6e19f0;background: #fff;color: #6e19f0;min-width: 170px;text-align: center;padding:17px 15px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;font-size: 16px;font-weight: 600;}
.indexcontent a:hover, span.more:hover, a.more:hover {background: #6e19f0;color: #fff;border: 1px solid #6e19f0;}
span.more:focus, span.more:active, .indexcontent a:focus, a.more:focus, .indexcontent a:active, a.more:active {background:#fff;color:#6e19f0;-moz-box-shadow: 0px 5px 5px rgba(100,100,100,.5);-webkit-box-shadow:0px 5px 5px rgba(100,100,100,.5);box-shadow: 0px 5px 5px rgba(100,100,100,.5);}
.perach {height: 200px;width: 200px;position:absolute;left:-15%;top:-20%;}
.perach span {display:block; height: 90px;width: 50px;background: #B0FDDD;position: absolute;top:0;}
.perach span:first-of-type {transform: rotate(45deg);}
.perach span:nth-of-type(2n) {transform: rotate(-45deg);background:#E5D4FF;left:50px;}
.perach span:nth-of-type(3n) {transform: rotate(135deg);background:#B0FDDD;top: 100px;}
.perach span:nth-of-type(4n) {transform: rotate(45deg);background:#E5D4FF;top: 100px;left: 50px;}
.space50 {padding:50px 0;}
.featuresflow {display: flex;align-content:stretch ;justify-content:space-between;flex-wrap: wrap; margin:0px auto 100px auto;width: 1100px;position: relative;}
.feature {width:30%;margin:0 1.5%}
.feature .title {font-size:25px;margin: 20px 0;font-weight:900;}
.feature a {color:#000;display:block;padding:5%;background:#fff;border:1px solid #ebebeb;text-align:center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.feature p {margin:0;font-size:20px;}
.feature img {max-width:100px;max-height:100px;margin:auto;}
.feature a:hover, .feature a:focus {-moz-box-shadow: 0px 5px 25px rgba(100,100,100,0.2);-webkit-box-shadow: 0px 5px 25px rgba(100,100,100,0.2);box-shadow: 0px 5px 25px rgba(100,100,100,0.2);}
.feature a:hover .more {background: #6e19f0;color: #fff;border: 1px solid #6e19f0;}
.feature .video .more {padding:17px 15px 17px 35px;position:relative}
.feature .video .more:after {content:"";display:block;width:27px;height:27px;background:#6e19f0; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;position:absolute;left:15px;top:14px;}
.feature .video .more:before {content:"";display:block;position:absolute;left:25px;top:23px;width: 0;z-index:2;height: 0;border-style: solid;border-width: 5px 0 5px 10px;border-color: transparent transparent transparent #ffffff;}
.feature .video:hover .more:after {background:#fff;}
.feature .video:hover .more:before {border-color: transparent transparent transparent #6e19f0;}
.projecthome {height:320px;overflow:hidden;position:relative}
.projecthome .abstract {position:absolute;top:0;left:0;width:100%;height:100%;background: #000000\5;background: rgba(0, 0, 0, 0.5);padding:0 20px;display:none}
.projecthome img {height:320px;max-width:none;margin:auto}
.projecthome h2 {text-align:center;color:#fff;font-size:24px;}
.projecthome .abstract h2 {margin:43% 0 0 0;}
.projecthome:hover .abstract, .projecthome a:focus .abstract {display:block}
.imagesplace {max-width:1200px;position:relative;z-index:9;margin:0 0 40px 0;}
.imgside {float:right;width:45%;margin:0 0 20px 40px;}
.imgslider {margin:0 0 30px 0;max-width:100%;}
.imgslider img, .imagesplace img {margin:auto;}
.imgwide {float:left;width:55%;}
.rightwideside {width:45%;float:right;padding:3% 10%}
.rightwideside p a {color:#000;text-decoration:underline;}
.rightwideside p a:hover {color:#6d1ef4}
.simpleslider {margin:40px 0;}
.simpleslider h2 {font-size:22px;color:#000;margin: 10px 0;font-weight:400;text-align:center}
.curtainplace {background: #000000\8;background: rgba(0, 0, 0, 0.8);width:100%;position:absolute;left:0px;bottom:0px;margin:0;}
.curtainplace .curtain {padding:5px;display:block;color:#ffffff;text-align:center}
.curtainplace .curtain a {color:#ffffff;}
.smalltitle {font-size:24px;margin:10px 0 30px 0;}
.stripplace {overflow:hidden;max-height:400px;}
.rhombus {margin: -30px 0 -100px 1.5%;width:350px;height:350px;background:#6e19f0;float:right;color:#fff;font-size:60px;text-align:center;position:relative;transform: rotate(45deg);font-weight:800;line-height:100%;z-index:11}
.rhombus div {transform: rotate(-45deg);width: 150px;position: absolute;left: 28%;top: 32%;}
.rhombus p {line-height:100%;margin:0;}
.featuresrhombus {display: flex;align-content:stretch ;justify-content:space-between;flex-wrap: wrap; margin:200px auto 100px auto;position: relative;}
.rhombusbox {font-size:25px;float:right;font-weight:500;width:30%;line-height:100%;margin:1.5%;color:#000;display:block;padding: 5.5% 5% 7% 5%;background:#fff;border:1px solid #f0e8fe;text-align:center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;position:relative;z-index:8}
.rhombusbox h2 {font-size:50px;margin:0 0 10px 0;font-weight:900;color:#6e19f0;}
.rhombusbox p {margin:0;line-height:120%}
.rhombusbox p:first-of-type {margin:-10px 0 0 0}
.rhombusbox img {max-width:100px;max-height:100px;margin:auto;}
.featuresvideo {}
.featuresvideo .bigtitle {font-size:52px;font-weight:700;margin:0 0 20px 0;}
.videobox {margin:20px 0 50px 0}
.videobox .title {font-size:25px;margin: 20px 0;font-weight:700;}
.videobox a {color:#000;display:block;}
.videobox p {margin:0;font-size:20px;font-weight: 500;}
.videobox img {}
.videobox .abstract {padding:1% 1.5% 1% 5%;float:right;width:50%;}
.videobox .imgplace {float:left;width:50%;position:relative;}
.videobox .imagetext {background: #fff\7;background: rgba(255, 255, 255, 0.7);width:100%;height:100%;position:absolute;left:0px;bottom:0px;padding:15% 5% 5% 5%;text-align:center}
.videobox .imagetext:before {content:"";display:block;width:120px;height:120px;margin:auto;background: url(../images/play.png) center center no-repeat;background-size:cover}
.videobox h3 {margin:0 0 10px 0;font-weight:700}
.videobox:nth-child(odd) .abstract {padding:1% 5% 1% 1.5%;float:left;}
.videobox:nth-child(odd) .imgplace {float:right}
.videobox a:hover .imagetext, .videobox a:focus .imagetext {}
.videobox a:hover .morefea, .videobox a:focus .morefea {color:#6d1ef4;}
.videobox a:hover .morefea:after {background: url(../images/arrowleft2.png) left center no-repeat; background-size: cover;}
.morefea {font-weight: 600;margin: 10px 0;display: inline-block;}
.morefea:after { width: 13px;height: 10px;margin: 7px 10px 0 0;content:"";display:block;float:left;background: url(../images/arrowleft.png) left center no-repeat;background-size:cover}
.doublebox {float:left;width:49.8%;position:relative;overflow:hidden;margin:0 .1% 40px .1%;text-align:center}
.doublebox h2 {font-size:20px;text-align:center;margin:20px 0 0 0}
.doublebox img {margin:auto;}
.doublebox .imgplace {height:150px;}
.listview {margin:0 0 30px 0;padding:0 0 30px 0;border-bottom:1px solid #ccc}
.listview h2 {font-size:30px;font-weight:400}
.listview .imgplace {width:270px;float:left;margin:0 20px 0 0;}
.listview .abstract {overflow:hidden}
.listchildren a {display:block}
.listview.news {border:none}
.listview.news h2 {font-weight:800;}
.news .date {font-weight:300;font-size:30px;color:#003a74;}
.news a {color:#000;}
.news .abstract {margin:0 0 10px 0;}
.tripleboxplace {}
.triplebox {float:left;margin:0 0 3% 0;width:33.3%;position:relative;border-right:1px solid #ccc}
.triplebox.nomargin, .triplebox:last-of-type {margin:0 0 3% 0;border-left:1px solid #ccc}
.triplebox h2 {font-size:22px;margin:10px 0;color:#000;text-align:center;font-weight:500}
.triplebox a {display:block;position:relative;padding:4%;}
.triplebox a:hover h2, .triplebox a:focus h2 {color:#6d1ef4;}
.triplebox a:hover, .triplebox 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);}
.triplebox .imgplace {overflow:hidden;position:relative;height:260px;}
.triplebox .imgplace img {max-height:260px;margin:auto}
.clearline {clear:both;border-bottom:1px solid #ccc;margin: 0 0 3% 0;width:100%;float:left}
.quadruple {float:left;width:24.8%;position:relative;margin:1px;}
.quadruple a {display:block;position:relative;padding:4%;border:1px solid #ccc;z-index:1;background:#fff;line-height:100%}
.quadruple a:hover, .quadruple a:focus {z-index:2;-moz-box-shadow: 0px 0px 10px rgba(100,100,100,0.5);-webkit-box-shadow: 0px 0px 10px rgba(100,100,100,0.5);box-shadow: 0px 0px 10px rgba(100,100,100,0.5);-webkit-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);}
.quadruple .imgplace {height: 300px;overflow: hidden;margin: auto;position: relative;}
.quadruple .imgplace img {max-height:300px;margin:auto}
.quadruple h2 {color: #000;font-size: 18px;margin: 0px 0 10px 0;}
.quadruple p {color:#666;}
.quadruple .abstract {position:absolute;left:0;bottom:0;width:100%;padding:20px;background:#fff;opacity:0}
.quadruple a:hover .abstract, .quadruple a:focus .abstract {opacity:1}
.managementanimation {width: 300px;height: 350px;margin: 10px;float: right;border: 5px solid #fff;overflow: hidden;position: relative;text-align: center;-webkit-box-shadow: 1px 1px 2px #e6e6e6;-moz-box-shadow: 1px 1px 2px #e6e6e6;box-shadow: 1px 1px 2px #e6e6e6;}
.managementanimation a, .managementanimation span {display:block;text-align:center}
.managementanimation img {-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;-ms-transition: all 0.2s linear;transition: all 0.2s linear;display: block;position: relative;}
.managementanimation .curtain {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;background-color: rgba(109,30,244, 0.7);-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;position: absolute;overflow: hidden;top: 0;left: 0;width:100%;height:100%;}
.managementanimation h2 {-webkit-transform: translateY(-100px);-moz-transform: translateY(-100px);-o-transform: translateY(-100px);-ms-transform: translateY(-100px);transform: translateY(-100px);-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;text-transform: uppercase;color: #000;text-align: center;position: relative;font-size: 28px;padding: 10px;background: rgba(83, 255, 147, 0.8);margin: 20px 0 0 0;}
.managementanimation .curtain span {-webkit-transform: translateY(100px);-moz-transform: translateY(100px);-o-transform: translateY(100px);-ms-transform: translateY(100px);transform: translateY(100px);-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;-ms-transition: all 0.2s linear;transition: all 0.2s linear;position: relative;color: #fff;padding: 10px 20px 20px;text-align: center;}
.managementanimation:hover 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);}
.managementanimation a.mailto {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;padding: 5px 10px;background: #000;color: #fff;text-transform: uppercase;-webkit-box-shadow: 0 0 1px #000;-moz-box-shadow: 0 0 1px #000;box-shadow: 0 0 1px #000;font-size:14px;position:absolute;left:0;bottom:20px;width:100%;}
.managementanimation:hover .curtain {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;}
.managementanimation:hover h2,.managementanimation:hover .curtain span,.managementanimation:hover a {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);}
.managementanimation:hover .curtain span{-webkit-transition-delay: 0.1s;-moz-transition-delay: 0.1s;-o-transition-delay: 0.1s;-ms-transition-delay: 0.1s;transition-delay: 0.1s;}
.managementanimation:hover a.mailto {-webkit-transition-delay: 0.2s;-moz-transition-delay: 0.2s;-o-transition-delay: 0.2s;-ms-transition-delay: 0.2s;transition-delay: 0.2s;-webkit-box-shadow: 0 0 5px #000;-moz-box-shadow: 0 0 5px #000;box-shadow: 0 0 5px #000;}
.management {width: 32.6%;height: 350px;margin: 0 0 1% 1%;float: right;position:relative;overflow:hidden;background:#6e1af0;}
.management.nomargin {margin:0 0 1% 0}
.management span, .management a {display:inline-block;text-align:center}
.management .mailto {word-break: break-all;}
.management .curtainman {text-align:center;position:absolute;bottom:0;left:0;padding:5px 10px;background: #6e1af0\9;background: rgba(110, 26, 240, 0.9);width:100%;z-index:2;color:#fff;}
.management h2 {color:#fff;margin:0 !important;font-size:24px !important;text-align:center;}
.management {perspective: 1000px;transform-style: preserve-3d;max-width:430px;}
.management:hover img {transform: rotateY(180deg);}
.management:hover .abstract {transform: rotateY(0deg);}
.management img, .management .abstract {backface-visibility: hidden;transition: 0.6s;transform-style: preserve-3d;position: absolute;top: 0;left: 0;}
.management .abstract {transform: rotateY(-180deg);width:100%;padding:120px 0 0 0;text-align:center;}
.management .abstract div, .management .abstract a {margin:0 0 10px 0;color:#fff;text-align:center;display:block}
.management .abstract a:hover {text-decoration:underline}
.management img {transform: rotateY(0deg);z-index: 2;}
.maincontent {margin: 110px 0 0 0;position:relative;z-index:2}
.bodytext ul li, .subpages li, .faqs li {padding-left:15px;background: url(../images/dot.png) left 6px no-repeat;list-style-type: none;margin-bottom:10px;}
.bodytext ol {margin:0 25px;list-style-type:decimal;}
.bodytext ol li {margin-bottom:10px;}
.bodytext h2, .mainabstract h2 {margin:0}
.content .bodytext ul {margin: 0 0px 20px 0;overflow: hidden;}
.bodytextplace {margin:0 0 50px 0;}
.doublebody .bodytextleft {width:47%;float:left;}
.doublebody .bodytextright {width:47%;float:right;display:block}
.shortbody {max-width:50%;margin:0 0 100px 0}
.subpages {margin:30px 0 0 0;}
.subpages h2 {margin:0;color:#fff;padding:15px;font-size:30px;background: #6e19f0;cursor:pointer;position:relative}
.subpages h2 span {display: inline-block;width: 40px;height: 40px;position: absolute;left: 20px;top: 9px;background: url(../images/plus.png) center center no-repeat;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;border: 5px solid #fff;}
.subpages h2.opened span {background: url(../images/minus.png) center center no-repeat;}
.subpages .imgplace {float:left;max-width:45%;margin:0 20px 20px 0;}
.toggledata {display:none;padding:30px 0;}
.toggledata.opened {display:block}
.colorboxesplace {display: flex;align-content:stretch ;flex-wrap: wrap; margin:0 0 100px 0;}
.colorbox {width:16.5%;background:#99c1d9;margin:1px;height:210px;position:relative;}
.colorbox h2 {color:#fff;height:210px;font-size:24px;text-align:center;position:relative;margin:0;font-weight:500}
.colorbox h2 span {display:block;-webkit-transform: translate(0, 0%);-ms-transform: translate(0, 0%);transform: translate(-50%, -50%);position: absolute;top: 50%;left: 50%;}
.colorbox .abstract {opacity:0;position:absolute;left: -10%;bottom: -10%;width: 120%;padding:10px;text-align:center;color:#fff;background: #000000\5;background: rgba(0, 0, 0, 0.5);z-index:2;}
.colorbox .abstract p {line-height:100%;margin:0;}
.colorbox .imgplace {position: absolute;left: -10%;top: -10%;width: 120%;height: 120%;z-index: 1;overflow: hidden;opacity:0;}
.colorbox .imgplace img {height:100%;max-width:none}
.colorbox a:hover .abstract, .colorbox a:focus .abstract, .colorbox a:hover .imgplace, .colorbox a:focus .imgplace {opacity:1;-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);box-shadow: 0px 0px 5px rgba(0,0,0,0.5);}
.linksslider {float:right;width:45%}
.linksslider .slide .imgplace {height:200px;}
.linksslider .slide .imgplace img {max-height:200px;}
.sidecontent {float:right;width:40%;}
.leftside {float:left;width:49%}
.rightside {float:right;width:49%}
.quadruplepages .infoboxesplace, .quadruplepages .columns.pagewide, .quadruplepages .maincontent.pagewide { width: 1170px;max-width: 1170px;margin:auto}
.quadruplepages .content, .quadruplepages .columns {position:static;}
.quadruplepages p a.morebig, .quadruplepages p a.moresmall {display: inline-block;border: 1px solid #6e19f0;background: #6e19f0;color: #fff;text-align: center;padding: 7px 10px 7px 35px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;font-size: 16px;font-weight: 600;position: relative;}
.quadruplepages p a.morebig {font-size:22px;padding: 10px 15px 10px 40px;margin:40px auto 0 auto;width: fit-content;display:flex}
.quadruplepages p a.morebig:after, .quadruplepages p a.moresmall:after, .quadruplepages p a.morebig:before, .quadruplepages p a.moresmall:before {content:"";display:block;width:10px;height:2px;background:#fff;position:absolute;left:10px;top:20px;transform: rotate(45deg);}
.quadruplepages p a.morebig:before, .quadruplepages p a.moresmall:before {transform: rotate(-45deg);top:14px;}
.quadruplepages p a.morebig:before, .quadruplepages p a.morebig:after {width:15px;height:3px;}
.quadruplepages p a.morebig:hover, .quadruplepages p a.moresmall:hover {background: #9013fe;}
.quadruplepages p a.morebig:before {top: 15px;}
.quadruplepages p a.morebig:after {top:24px;}
.infoboxesplace {display: flex;position: relative;}
.infobox {flex:22%;margin: 30px 0 30px 1.5%;color:#000;display:block;padding:1.5% 1%;background:#fff;border:1px solid #c1ffe1;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.infobox:last-of-type {margin: 30px 0% 30px 0;}
.infobox .title {font-size:25px;margin: 15px 0;font-weight:900;text-align:center;}
.infobox a {color: #000;}
.infobox p {margin:0;font-size:19px;}
.infobox img {max-width:100px;max-height:100px;margin:auto;}
.infobox a:hover, .infobox a:focus {-moz-box-shadow: 0px 5px 25px rgba(100,100,100,0.2);-webkit-box-shadow: 0px 5px 25px rgba(100,100,100,0.2);box-shadow: 0px 5px 25px rgba(100,100,100,0.2);}
.infobox a:hover .more {background: #6e19f0;color: #fff;border: 1px solid #6e19f0;}
.banner {position:relative}
.banner .abstract {position:absolute;left:10%;top:10%;width:600px;z-index:2;}
.banner .abstract h2 {color:#fff;font-size:60px;text-align:center}
.banner .abstract p {color:#fff;font-size:60px;text-align:center;font-weight:300;}
.contacticons {margin:40px 0;border-bottom:1px solid #ccc}
.contacticons p {width:25%;float:left;padding:80px 20px 20px 20px;text-align:center;margin:20px 0;min-height:155px;line-height: 120%;background: url(../images/address.png) center 0px no-repeat;}
.contacticons p:nth-of-type(2n){background: url(../images/tel.png) center 0px no-repeat;}
.contacticons p:nth-of-type(3n) {background: url(../images/fax.png) center 0px no-repeat;}
.contacticons p:nth-of-type(4n) {background: url(../images/mail.png) center 0px no-repeat;}
.contactform {margin:30px 0 0px 0;}
.contactformplace .contactform {}
.contactformplace h2 {color:#000;font-size:24px;}
.contactformplace .contactform input, .contactformplace .contactform select, .contactformplace .contactform textarea,
.formstyle input, .formstyle select, .formstyle textarea {background:#fff;color:#4a4a4a;padding:5px 0px;width:100%;font-size:19px;}
.contactformplace .contactform label .s_top {position:absolute;right:0;top:-10px;font-size:12px;font-weight: 500;}
.contactformplace .contactform input:focus, .contactformplace .contactform select:focus, .contactformplace .contactform textarea:focus,
.formstyle input:focus, .formstyle select:focus, .formstyle textarea:focus, .login input:focus, .forgotpass input:focus {border-bottom: 2px solid #6e19f0;}
.contactformplace .contactform textarea, .formstyle textare {height: 37px;}
.contactformplace .contactform label, .formstyle label {margin:0 0 40px 0;display:block;position:relative}
.contactformplace .contactform input[type="submit"], .formstyle input[type="submit"], .formstyle button {display: inline-block;float: right;margin: 10px 0;border: 1px solid #6e19f0;background: #6e19f0;color: #fff;min-width: 200px;text-align: center;padding: 15px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;font-size: 16px;font-weight: 600;}
.contactformplace .contactform input[type="submit"]:hover, .formstyle input[type="submit"]:hover, .formstyle button:hover, .btnstyle:hover {background:#9013fe;border:1px solid #9013fe;}
.formstyle .dialog button, #divAddMeetingDay button {margin:0 0 0 20px;}
.formstyle button {margin:10px 0 10px 10px;min-width: 150px; padding: 5px;}
.contactformplace .contactform ::-webkit-input-placeholder {color: #4a4a4a;font-size:19px;}
.contactformplace .contactform ::-moz-placeholder {color: #4a4a4a;font-size:19px;}
.contactformplace .contactform :-ms-input-placeholder {color: #4a4a4a;font-size:19px;}
.contactformplace .contactform :-moz-placeholder {color: #4a4a4a;font-size:19px;}
.contactformplace .contactform .jointomailinglist {display:none}
.contactformplace .contactform label input[type="checkbox"], .formstyle label input[type="checkbox"] {float:left;margin: 3px 10px 0 0px;width:15px;}
.contactbody {float:left;width:50%;padding:0 10%;}
.contactrightside {float:right;width:50%;border-left:1px solid #999;padding:0 10%;}
.centacttext h2 {text-align:center;font-size:30px;}
.centacttext p {text-align:center;font-size:19px;color:#4a4a4a;font-weight:500}
.formstyle table {border-bottom:1px solid #ccc;border-left:1px solid #ccc;width:100%;margin:20px 0;float:right;}
.formstyle table td, .formstyle table th {border-top:1px solid #ccc;border-right:1px solid #ccc;padding:5px;text-align:center}
.formstyle table th {background:#f0f0f0}
.msgrow > div {border-bottom: 1px solid #f0f0f0;padding: 5px;}
.msgrow > div:last-of-type {border:none}
.userrow, .msgrow {padding:10px;border:1px solid #ccc;margin:0 0 20px 0;}
.userrow > div {border-bottom:1px solid #f0f0f0;padding:5px;}
.userrow > div:last-of-type {border:none}
.userrow .usertable {float:right;width:100%;border:none}
.userrow h3 {margin:0;}
.modal {background: #000000\5;background: rgba(0, 0, 0, 0.5);position:fixed;left:0;top:0;width:100%;z-index:0;height:100%;z-index:999}
.dialog {background:#fff;padding:10px;width:500px;margin:0 0 0 -250px;top:45%;left:50%;position:absolute}
.formstyle table button, .btnstyle {display: block;margin:auto; float:none; min-width: 150px;border: 1px solid #6e19f0;background: #6e19f0;color: #fff;text-align: center;padding: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;font-size: 16px;font-weight: 600;cursor:pointer}
.bodytextbottom, .bodytextbottom p {font-size:12px;color:#4a4a4a;margin:0;}
.bodytextbottom {padding:0 17px 0 0; background: url(../images/Icons.Info.svg) right 1px no-repeat;}
.bodytextbottom a {color:#202222;display:inline-block; border-bottom: 1px solid #222;}
.bodytextbottom a:after { /*content: ' \2039';*/content:"";background: url(../images/Icons.chevron.arrow.svg) center center no-repeat;display:inline-block;float:left;direction:ltr;font-size:20px;margin: -2px 1px 0 0;width: 10px;height: 20px;}
#titleDay {margin:30px 0 0 0;float:right;width:100%}
.gmap {position:relative;}
.gmap iframe {width:100%;height:700px;}
.centerline:after {content:"";display:block;width:1px;height:100%;background:#ccc;position:absolute;left:50%;top:0;}
.masonryitem, .grid-sizer {width:45%;margin-bottom:40px;}
.gutter-sizer {width: 10%;}
.sitemapheader {margin:0px 0px 5px 0px;font-weight:bold;}
.sitemap, .grid-sizer2 {width:30%;margin-bottom:40px;float:right}
.gutter-sizer2 {width: 5%;}
.sitemap ul {margin:0px 0px 5px 15px;}
.sitemap li {margin:5px 0px 5px 0px;}
.article {padding:0 0 30px 0;margin:0 0 30px 0;border-bottom:1px solid #ccc;}
.article h2 {margin:0 0 10px 0;font-size:24px;}
.article a {color:#000;}
.article .imgplace {float:left;width:150px;margin:0 20px 10px 0; }
.docsplace {clear:both;}
.docsplace .title {padding:10px 0;font-size:22px;}
.docsplace a, .articles .docs a, .linksplace a {display:block;margin:0 0 10px 0;color:#000;}
.docsplace a:hover, .articles .docs a:hover, .linksplace a:hover {color: #6d1ef4;text-decoration: underline;}
.docs img, .docsplace img, .articles .docs img {float:left;margin:-4px 10px 0 0;}
.logos {text-align:center;margin:50px 0 0 0;}
.clients {width:14%;height:80px;display:inline-block}
.clients img {max-height:50px;margin:auto;max-width:100px;}
.clients .title {font-size:36px;}
.tabsplace {width:100%;float:left;margin:0px 0 0 0;border-bottom:1px solid #e6e6e6}
.tabsplace button {display:block;padding:10px 15px;color:#6e19f0;width:auto;margin: 0 auto 0px auto;line-height:100%;font-size:21px;border:none;font-weight:700;position:relative;/*min-height:66px*/}
.tabsplace button:after {height:3px;width:100%;background:#6e19f0;content:"";position:absolute;left:0;bottom:0;display:none}
.tabsplace button:hover:after, .tabsplace button:focus:after, .tabsplace button.this:after {display:block}
.tabsplace button img {float:right;max-width:23px;max-height:23px;margin:3px 0 0 3px;}
.tabsplace .slick-prev, .tabsplace .slick-next {width:29px;top:50%;position:absolute;margin:0;padding:0;}
.tabsplace .slick-prev:after, .tabsplace .slick-next:after {display:none !important}
.tabsplace .slick-next, .tabsplace .slick-next:hover, .tabsplace .slick-next:focus {right:auto;left:-50px;zoom: .3;background: url(../images/leftgreyarrow.png) center center no-repeat;}
.tabsplace .slick-prev, .tabsplace .slick-prev:hover, .tabsplace .slick-prev:focus {right:-50px;zoom: .3;background: url(../images/rightgreyarrow.png) center center no-repeat;}
.tabspage .tabsplace {margin: -60px 0 0 0;}
.tabspage .content { padding: 6% 0 6% 0;}
.tabspage .whiteplace { padding: 30px 0;}
.tabspage .tabsplace button {padding: 14px 30px;font-size: 24px;color:#000}
.tabspage .tabsplace button:hover, .tabspage .tabsplace button:focus, .tabspage .tabsplace button.this {background:#fff}
.tabcontentplace {width:100%;float:left;background:#fafafa;padding:30px;}
.tabcontentplace.tablestyle {background:#fff;padding:0}
.tabcontentplace .tab, .tabcontentplace2 .tab2 {display:none}
.tab.this, .tab2.this {display:block}
.spacetop .tabcontentplace2, .spacetop .leftcolumn {margin: 140px 0 40px 0;}
.tabsplace2 {padding: 50px 0 20px 0;width:100%;position:absolute;left:0;top:210px;background:#f7f4fc;-moz-box-shadow: 0px 5px 5px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.2);box-shadow: 0px 5px 5px rgba(0,0,0,0.2);z-index:99}
.tabsplace2 span {float:right;width:33.3%;display:block;text-align:center;position: relative;}
.tabsplace2 button {padding:10px 0px;color:#6e19f0;border:none;line-height:100%;font-size:23px;font-weight:600;position:relative;background:none}
.tabsplace2 button b {font-weight:900}
.tabsplace2 button:before {font-weight: 300;content:"1";position:absolute;left:50%;top:-30px;display:block;background:#fff;width:26px;height:26px;text-align:center;margin:0 0 0 -13px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border:1px solid #6d1ef4;font-size:19px;}
.tabsplace2 span:nth-of-type(2n) button:before {content:"2";}
.tabsplace2 span:nth-of-type(3n) button:before {content:"3";}
.tabsplace2 span:before {content:"";display:block;position:absolute;left:0;top:-15px;width:100%;height:1px;border-top:1px dashed #999}
.tabsplace2 span:nth-of-type(3n):before, .tabsplace2 span:first-of-type:before {width:50%}
.tabsplace2 span:nth-of-type(3n):before {left:50%}
.tabsplace2 button:after {height:3px;width:100%;background:#6e19f0;content:"";position:absolute;left:0;bottom:0;display:none}
.tabsplace2 button:hover:after, .tabsplace2 button:focus:after, .tabsplace2 button.this:after {display:block}
.tabsplace2 button:hover:before, .tabsplace2 button:focus:before, .tabsplace2 button.this:before {background:#6d1ef4;color:#fff}
.tabsplace2.stickyfix {position:fixed;top: 103px;}
.department {float:left;width:20%;text-align:center;cursor:pointer}
.department h2 {font-size:30px;color:#333;margin:10px 0 0 0;font-weight:500;border-bottom:1px solid #fff;padding:0 0 10px 0}
.department:hover h2, .department.this h2 {color:#6d1ef4;border-bottom:1px solid #6d1ef4;}
.department img {margin:auto;filter: url("data:image/svg+xml;utf8,#grayscale");filter: gray contrast(1);-webkit-filter: grayscale(100%) contrast(1);}
.department:hover img, .department a:focus img, .department.this img {opacity:1;filter: url("data:image/svg+xml;utf8,#grayscale");filter: grayscale(0%); -webkit-filter: grayscale(0%);}
.departmentdata {position:relative}
.departmentdata .abstract {position:absolute;right:30px;top:30px;background: #0365a1\8;background: rgba(3, 101, 161, 0.8);padding: 30px;width:320px;}
.departmentdata .abstract p, .departmentdata .abstract h2, .departmentdata .abstract h3 {color:#fff;line-height:120%}
.departmentdata .abstract .title {color:#fff;font-size:24px;font-weight:500;margin:0 0 10px 0}
.findproductplace {float:left;width:320px;background:#f1f1f1;margin:0 0 100px 0}
.procutssearch .titlemain {font-size: 36px;margin: 0 0 10px 0;cursor:pointer;color:#fff;background:#25aae1;padding:0 20px;font-weight:500;}
.procuts_list_side {padding:20px;}
.searchbox {background:#fff;padding:10px;margin:0 0 10px 0;}
.searchbox .title {margin: 0 0 5px 0; color:#000;}
.searchbox.this .title {}
.searchbox input[type="search"] {padding: 5px 2%;margin: 0 0 10px 0;color: #000;width: 96%;background: #f0f0f0;}
.searchbox input[type="checkbox"] {margin: 7px 10px 0px 0px;border: 1px solid #000;float: left;}
.searchbox li {margin: 0 0 5px 0;}
.searchbox li:hover {background: #f0f0f0;}
.searchbox .scroll {overflow-y: auto;max-height: 200px;margin: 0;}
.searchbox .scroll span {unicode-bidi: plaintext}
.searchbox .searchlist, .searchbox .scroll {display: block}
.searchbox.this .searchlist, .searchbox.this .scroll {display: block}
.findproducttext {overflow:hidden;float:right;margin:0 0 100px 0; width: 60%;}
.findproducttext .imagesplace {float:right;margin:60px 0;max-width:500px;}
.getdetails a {display: inline-block;padding: 10px 50px 10px 30px;line-height: 100%;color: #fff;background: #000 url(../images/rightwhitearrow.png) 96% center no-repeat;}
.getdetails a:hover, .getdetails a:focus {background-color: #6d1ef4;}
.sortplace {background: #ccc;padding: 10px;margin: 0 0 30px 0;display:none}
.sortplace select {background:#fff;border:1px solid #999;}
.pull-left {float:left}
.pull-right, .sortresults {float:right;}
.sortresults {margin:0 15px;}
.line, .box {display: block;background: url(../images/sprite.png) -222px 0px no-repeat;height: 30px;width: 30px;float:left;}
.line, .box {opacity: .5}
.line.this, .box.this {opacity: 1}
.line {background-position:0px -42px;}
.box {background-position:0px -86px;margin:0 5px;}
table.dataTable thead th, table.dataTable thead td, table.dataTable.no-footer {border-bottom: none}
table.producttable.dataTable tbody th, table.producttable.dataTable tfoot th, table.producttable.dataTable thead th,
table.producttable.dataTable tbody td {padding: 5px 15px;}
.producttable {width: 100%;border-left: 1px solid #ccc;border-right: 1px solid #ccc;}
.producttable .priceplace .priceOfItem {white-space: nowrap;display: block;text-align: center}
.producttable select {background: #fff;border: 1px solid #ccc;max-width: 70px;font-size: 12px;padding: 0}
.producttable td, .producttable th {background:#fff;padding: 10px 5px;text-align: center;border: none;vertical-align: middle;font-size: 14px;min-width: 30px;}
.producttable th {font-weight:900;}
.producttable tbody tr:nth-of-type(even) td {background:#fff;}
.producttable td div {text-align: center}
.producttable a span {display: block;}
.producttable td {background: none;border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;color: #666;vertical-align: middle;}
.producttable img {max-width: 50px;max-height: 50px;margin: auto;}
.producttable tr a {color: #000;}
.producttable tr:hover a {color: #6d1ef4;}
.producttable th {background:#6d1ef4;color:#fff;}
.producttable img {max-width:100px;}
.producttable caption {display:none}
.navigator {width: 100%;float: right;margin: 20px 0;}
.navigator span {display: inline-block;float: right;padding: 5px;background: #f0f0f0;color: #000;margin: 0 3px 1px 3px;cursor: pointer;text-align: center;min-width: 34px;border: none}
.navigator span:hover, .navigator span.active {background: #ccc;color: #fff;}
.searchresultsplace {padding:0px 0 100px 0;}
.searchresults {padding:20px 0;border-top:1px solid #cccccc;}
.searchresults span {font-style:italic;color:#666;}
.searchresults div {margin:0 0 5px 0;}
.searchresults .title {font-weight:bold;}
.searchresultstitle {margin: 0 0 20px 0;}
.listsplace {margin:20px 0;}
.listsplace h2 {font-size:30px;background: #6e19f0;padding:10px 20px;font-weight:400;margin:0 0 20px 0;color:#fff;}
.listsplace h2:hover {background: #9013fe;}
.downloadboxes {display: flex;align-content:stretch ;flex-wrap: wrap; justify-content: space-between;}
.downloadbox {width:48%;background:#f7f7f7;padding:10px;margin-bottom:20px;}
.downloadbox:nth-of-type(2n) {}
.downloadbox h2 {color:#000;font-size:22px;font-weight:400;}
.downloadbox a { display: block;float: left;width: 70px;background: url(../images/download.png) center top no-repeat;text-align: center;line-height: 100%;padding: 45px 0 0 0;background-size: 60%;}
.downloadbox img {display:none}
.downloadbox .docs {float:left}
.producticonsbody {padding:0 0 200px 0;}
.servicesplace {display: flex;align-content:stretch ;flex-wrap: wrap; justify-content: space-between;}
.servicesplace div {width:50%;padding:0 60px 0 20px;margin-bottom:40px;background: url(../images/i1a.png) right 0 no-repeat;}
.servicesplace div:nth-of-type(2n) {background: url(../images/i3a.png) right 0 no-repeat}
.servicesplace div:nth-of-type(3n) {background: url(../images/i2a.png) right 0 no-repeat}
.servicesplace div:nth-of-type(4n) {background: url(../images/i4a.png) right 0 no-repeat}
.servicesplace h3 {color:#000;font-size:24px;font-weight:500;margin:0 0 10px 0;}
.productsrviceline h2 {font-size:30px;background:#e5e5e5;padding:10px 20px;font-weight:400;margin:40px 0;color:#000;}
.productsrviceline .abstract {float:right;width:45%;}
.productsrvicelinechildren {float:left;width:50%;border-left:1px solid #ccc;border-right:1px solid #ccc;padding:0 60px;}
.productsrvicelinechildren h3 {text-align:center;color:#000;font-size:18px;margin:10px 0 0 0}
.productsrvicelinechildren .slick-next {right:20px;}
.productsrvicelinechildren .slick-prev {left:20px;}
.productsrvicelinechildren img {max-height:250px;}
.glossaryplace {float:left;width:100%;margin:40px 0;}
.glossaryABC {float:left;margin:0 15px 10px 0px;}
.glossaryABC span {font-size:36px;padding:5px 10px;display:block;font-weight:400;color:#ccc;text-align:center;line-height: 100%;}
.glossaryABC a {display:block;}
.glossaryABC a span {color:#6d1ef4;}
.glossaryABC a:hover, .glossaryABC a:focus {background:#25aae1;}
.glossaryABC a:hover span, .glossaryABC a:focus span {color:#fff;}
.glossary {padding:0 0 30px 0;margin:0 0 30px 0;border-bottom:1px solid #ccc}
.glossary .question {font-size:24px;color:#000;}
.question p {margin:0;}
.glossary .answer {color:#666;}
.faqs .answer {color:#000000;font-size:18px;display:none;margin:-25px 0 20px 0;padding:0 20px 20px 0;}
.faqs .question {color:#333;font-size:18px;background: url(../images/dot.png) right 8px no-repeat;padding:0 20px 20px 0;cursor:pointer;font-weight: 600;text-align:inherit;display:block;width:100%;}
.faqs .question.opened {background: url(../images/dot.png) right 8px no-repeat;border: none;color: #6d1ef4;}
.faqs {margin:30px 0 0 0}
.faqs > div, .faqs > button {border-bottom:1px solid #ccc;margin:0 0 20px 0;padding:0 0px 20px 20px;}
.projectslist div {float:right;width:49.8%;margin:.1%;height:300px;border:1px solid #ccc;overflow:hidden}
.projectslist .projectdata {background:#6d1ef4;padding:40px;color:#fff;position:relative}
.projectslist h2 {font-size:22px;color:#fff;margin:0 0 10px 0;font-weight:400;}
.projectslist p {color:#fff;margin:0;}
.projectslist a:hover .imgplace, .projectslist a:focus .imgplace {-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);box-shadow: 0px 0px 5px rgba(0,0,0,0.5);}
.projectslist:nth-of-type(2n) .imgplace {float:left;}
.projectslist .imgplace img {min-height: 100%;}
.projectslist a {display:block;overflow:hidden}
.projectslist a:hover, .projectslist a:focus {background:#828282;padding:10px;}
.projectslist a:hover .projectdata, .projectslist a:focus .projectdata {background:#666666;}
.projectslist a:hover div, .projectslist a:focus div {border:1px solid transparent;height:280px}
.projectslist .projectdata:after {width: 0;height: 0;border-style: solid;border-width: 20px 25px 20px 0;border-color: transparent #f8f8f8 transparent transparent;position:absolute;top:43%;right:0;}
.projectslist:nth-of-type(2n) .projectdata:after {border-width: 20px 0 20px 25px;border-color: transparent transparent transparent #f8f8f8;right:auto;left:0;}
.prtabtitle {color:#333;font-size:36px;width:25%;float:right;text-align:center;border:1px solid transparent;border-bottom:1px solid #6d1ef4;padding:10px;cursor:pointer}
.prtabtitle:hover, .prtabtitle.this {color:#6d1ef4;font-weight:500;border:1px solid #6d1ef4;border-bottom:1px solid transparent;}
.prtab {display:none}
footer {background:#fbfbfb;padding:60px 0}
.footerrightside {float:left;width:300px;}
.footerrightside a, .footerrightside p {color:#333;margin:5px 0 0 0;font-size:18px;display:block}
.footerrightside p img {margin:0 0 40px 0;}
.footerrightside a:hover, .footerrightside a:focus {-moz-box-shadow: 0px 0px 5px rgba(255,255,255,1);-webkit-box-shadow: 0px 0px 5px rgba(255,255,255,1);box-shadow: 0px 0px 5px rgba(255,255,255,1);}
#contactfooter {float:left;width:250px;}
#contactfooter .contactform {margin:20px 0;}
#contactfooter .title {color:#000;font-size:36px;text-align:center;font-weight:500;margin:10px 0;}
#contactfooter input, #contactfooter textarea {border-bottom:1px solid #999;color:#000;padding:3px 10px;width:100%;}
#contactfooter label {margin:0 0 15px 0;display:block;position:relative}
#contactfooter input[type="submit"] {margin:0 auto;background:#333;border:none;display: block;color:#fff;padding:10px;font-weight:500;}
#contactfooter input[type="submit"]:hover, #contactfooter input[type="submit"]:focus {background:#000;}
#contactfooter ::-webkit-input-placeholder {color: #000;}
#contactfooter ::-moz-placeholder {color: #000;}
#contactfooter :-ms-input-placeholder {color: #000;}
#contactfooter :-moz-placeholder {color: #000;}
.footerlinksplace {float:left;width:75%;}
.footerlinksbox {width:25%;float:right}
.footerlinksbox a {color:#202222;margin:0 0 15px 0;display:block;font-weight:500;}
.footerlinksbox a:hover, .footerlinksbox a:focus {text-decoration:underline;color:#6d1ef4;}
.footerlinksbox .title {font-size:18px;color:#000;margin:0 0 15px 0;}
.footerlinksbox li {display:block}
.socialmedia {float:right;width:25%;}
.socialmedia a {margin:0px 0px 0 15px;}
.socialmedia img { max-width: 45px;max-height: 32px;}
.socialmedia .title {font-size: 18px;color: #000;margin: 0 0 15px 0;line-height:100%}
.credits {color:#666;clear: both; float: left;margin: 40px 0 0 0;width: 100%;font-weight: 300;font-size:16px; }
.credits a {color:#666;}
.credits img {width:90px;margin:0 0 10px 0;}
.credits a:hover, .credits a:focus {text-decoration:underline}
.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:right;-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;}
.changeq {margin: 0px auto;float:right;}
.changeq button, .changeq input {background: #d7d7d7;width: 44px;height: 44px;float: right;margin: 0 2px;cursor: pointer;position:relative;}
.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: right;border: none;margin: 10px 0;cursor: pointer;padding: 10px 15px;font-weight: 900;position: relative;background:#0c1b74;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:#06104c;}
@-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;}
}
.shoppingcart {position:relative;float:left;}
.shoppingcart .togglecart {background:#fff;padding: 0px;position: absolute;left: calc(50% - 30px);top: 65px;z-index: 99;width: 300px;margin: 0 0 0 -118px;-moz-box-shadow: 0px 0px 15px rgba(100,100,100,0.4);-webkit-box-shadow: 0px 0px 15px rgba(100,100,100,0.4);box-shadow: 0px 0px 15px rgba(100,100,100,0.4);}
.shoppingcart:hover .togglecart, .shoppingcart:focus .togglecart, .shoppingcart .togglecart.opened {display: block}
.shoppingcart table th, .shoppingcart table td {padding: 5px;}
.shoppingcart table th {padding: 10px 5px;}
.shoppingcart .title {background: #0c1b74;padding: 10px;font-size: 18px;text-align:center;font-weight:bold;color:#fff;}
.shippingtitle {margin: 20px 0;display: inline-block;font-weight: bold;}
.cartplace {background: #ccc;}
.cartplace.togglecart:before {width: 0;height: 0;border-style: solid;border-width: 0 15px 15px 15px;border-color: transparent transparent #0c1b74 transparent;position: absolute;content: "";display: block;left: 50%;top: -15px;margin: 0 0 0 -15px;}
.cartplace.shopsteps {float: right;margin: 10px 0 0 2%;width: 20%;display: none}
.cartplace .totalplace {border-bottom: 1px solid #cccccc;margin: 0 0 0px 0;padding: 10px 10px;}
.cartplace .totalplace span {font-size: 24px;display: inline-block}
.cartplace .numofitems {float: left;}
.cartplace .numofitems span {margin: 0 5px 0 0;}
.cartplace .numof {margin: 5px 0;}
.cartplace .numof span {float: left;font-size: 18px;}
.cartplace .numof span:nth-of-type(2n) {float: right;}
.cartplace .total {float: right;}
.cartplace .total span {margin: 0 0px 0 5px;}
.cartplace .cap, .paypal, .btnorder {display: block;width: 100px;margin: 10px auto;background: #1b3d71;color: #fff;padding:10px;text-align:center}
.cartplace .cap:hover, .cartplace .cap:focus, .paypal:hover, .paypal:focus, .btnorder:hover {background: #333;}
.cartplace .ordertotal {font-size: 24px;display: block;margin: 10px 0;text-align: center}
.cartplace .ordertotal span {}
.cartplace .changeplace {position: absolute;left: 50%;top: -50px;margin: 0 0 0 -110px;width: 220px;}
.cartheader, .RowOfCart {position: relative;padding: 5px 10px;font-size: 15px;text-align: center;line-height: 26px;vertical-align: middle;border-bottom:1px solid #999;}
.cartheader {background: #ccc;}
.cartheader div, .RowOfCart div {float: right;color: #000;}
.totalprice {padding: 20px;font-size: 18px;background: none;color: #000;}
.totalprice .total {font-size: 24px;color: #000;direction: ltr;display: inline-block;margin-right: 10px;}
.RowOfCart .name, .cartheader .name {width: 47%;text-align: right;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.RowOfCart .price, .cartheader .price, .RowOfCart .quanity, .cartheader .quanity {width: 20%}
.RowOfCart .removeFromCart, .cartheader .short, .producttable .removeFromCart {width: 30px;margin: auto;}
.RowOfCart .removeFromCart span, .producttable .removeFromCart span {width: 25px;height: 25px;background: url(../images/sprite.png) -40px -35px no-repeat;display: block;cursor: pointer;margin: auto;}
.RowOfCart:hover .minimenuplace {display: block;}
.loginplace {position:fixed;left:50%;top:100px;width:500px;background: #0072bc\9;background: rgba(0, 114, 188, 0.9);padding:2%;color:#ffffff;z-index:999;margin:0 0 0 -250px}
.login, .forgotpass {margin:auto;position:relative;text-align:center;}
.login .title {font-size:30px;}
.login label, .forgotpass label {margin:25px auto;display:block;position:relative}
.login input, .forgotpass input {width:100%;background:#fff;padding:10px 0px;color: #4a4a4a;font-size:19px;}
.login a, .openfp, .openfp2 {display:inline-block;cursor:pointer;font-size:12px;text-align:left;color:#666;float: left;margin: -20px 0 0 0;}
.login a:hover, .openfp:hover, .openfp2:hover {color:#6d1ef4}
.login a:hover, .openfp:hover, .login a:focus, .openfp:focus {color:#000;}
.login input[type="submit"], .forgotpass input[type="submit"] {display: inline-block;float: right;margin:20px 0 0px 0;border: 1px solid #6e19f0;background: #6e19f0;color: #fff;min-width: 200px;text-align: center;padding: 15px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;font-size: 16px;font-weight: 600;}
.login input[type="submit"]:hover, .forgotpass input[type="submit"]:hover { background: #9013fe;border: 1px solid #9013fe;}
/*.forgotpass input[type="submit"]:focus, .login input[type="submit"]:focus, .forgotpass input[type="submit"]:active, .login input[type="submit"]:active {background:#6e19f0;-moz-box-shadow: 0px 5px 5px rgba(100,100,100,.5);-webkit-box-shadow:0px 5px 5px rgba(100,100,100,.5);box-shadow: 0px 5px 5px rgba(100,100,100,.5);}*/
.login .rememberme {font-size:12px;color:#666;text-align: right;float:right;margin: 0;}
.login .rememberme input {float:right;width:15px;height:15px;margin:6px 0 0 10px;}
.login ::-webkit-input-placeholder {color: #4a4a4a;font-size:19px;}
.login ::-moz-placeholder {color: #4a4a4a;font-size:19px;}
.login :-ms-input-placeholder {color: #4a4a4a;font-size:19px;}
.login :-moz-placeholder {color: #4a4a4a;font-size:19px;}
.tooltip {position: absolute;cursor:pointer;
left: 0;
top: 15px;
border: 2px solid #666;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
width: 18px;
height: 18px;
text-align: center;
line-height: 100%;
font-weight:800;
color:#666;
}
.tooltip span {display: none;
position: absolute;
right: -50px;
top: -60px;
background: #202222;
padding: 15px;
color: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 300px;
font-size: 14px;
font-weight: 400;}
.tooltip:hover span {display:block}
.contryitem {margin:20px 0;}
.contryitem div {padding:5px;border-bottom:1px solid #f0f0f0; font-size: 20px;}
.contryitem span.title {display:inline-block;width:70px;font-weight:700;}
.welcomeplace {position: relative;float:left;margin: 44px 10px 0 10px;z-index:101;}
.welcome {color:#6e19f0}
.welcomeplace input {display: block;
margin: auto;
float: none;
min-width: 150px;
border: 1px solid #6e19f0;
background: #6e19f0;
color: #fff;
text-align: center;
padding: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size: 16px;
font-weight: 600;
cursor: pointer;cursor:pointer;}
.welcomeplace input:hover {text-decoration:underline}
.welcomeplace .hi {margin:0 0 0 5px;}
.welcomeplace:hover .toggleaccount {display:block}
.welcomeplace .toggleaccount {display:none;position:absolute;right:50%;top:20px;width:200px;margin:0 -100px 0 0;z-index:99;}
.tablestyle {width:100%;}
.tablestyle p {margin:0;}
.tablestyle th {text-align: center;font-weight: 600;}
.tablestyle td, .tablestyle th {border: none;border-bottom: 1px solid #ccc;padding: 10px;}
.tablestyle th img {margin: auto;}
.tablestyle td a {}
.maplink {display:block;margin:0px 0 20px 0;text-align:left}
.timetitle {font-size: 50px;font-weight: 500;margin:0 0 20px 0;text-align:center}
.timecounter {
text-align: center;
background: #ffffff;
padding: 30px;
border-radius: 16px;
box-shadow: 0px 5px 25px rgba(100, 100, 100, 0.2);
max-width: 600px;
width: 90%;
margin:-80px auto 100px auto;
position:relative;
z-index:222
}
.timecounter h1 {
font-size: 28px;
margin-bottom: 30px;
color: #333;
}
#countdown {
display: flex;
justify-content: center;
flex-direction: row-reverse;
font-size: 20px;
color: #222;
font-weight: bold;
}
.time-unit {
background: #f5f5f5;
padding: 15px;
border-radius: 10px;
min-width: 100px;
margin:0 20px;
animation: fadeIn 1s ease-in-out;
transition: all 0.3s ease;
}
.time-unit span {
display: block;
font-size: 50px;
color: #6d1ef4;
margin-bottom: 4px;
}
@keyframes fadeIn {
0% { opacity: 0; transform: scale(0.9); }
100% { opacity: 1; transform: scale(1); }
}
.slidetotop {position:absolute;right:-55px;top:4px;border:none;width: 20px;height: 20px;display: block;background: url(../images/arrowup.png) center center no-repeat;background-size: cover;padding:0px;z-index:999}
.slidetotop:hover {border:none;}
.popupplace {background: #fff\5;background: rgba(255, 255, 255, 0.5);position:fixed;left:0;top:0;width:100%;z-index:0;opacity:0;display:none}
.popupplace.opened {z-index:99;opacity:1;height:100%;display:block}
.popupplace .popupbody {padding:40px;background: #fff;width:1000px;position:absolute;left:50%;top:15%;margin:0 0 0 -500px; -moz-box-shadow: 0px 0px 10px rgba(100,100,100,.5);-webkit-box-shadow: 0px 0px 10px rgba(100,100,100,.5);box-shadow: 0px 0px 10px rgba(100,100,100,.5);-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
.popupplace .close, .popupplace .close:after {padding: 0;transform: rotate(45deg);content:"";display:block;background:#000;width:25px;height:3px;position:absolute;left:20px;top:30px;border:none;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.popupplace .close:after {transform: rotate(-90deg);top:0;left:0;}
.popupplace .popupdata {max-height:500px;overflow-y:auto;direction: ltr;padding: 0 20px;}
.popupplace .popupdata p, .popupplace .popupdata h2, .popupplace .popupdata h3 {direction:rtl}
.popupplace .popupdata h2 {text-align:center;color:#202222;font-size:37px;margin:20px auto}
.popupplace .popupdata::-webkit-scrollbar {
width: 10px;
}
.popupplace .popupdata::-webkit-scrollbar-track {
background-color: #e3e3e3;
border-radius: 10px;
}
.popupplace .popupdata::-webkit-scrollbar-thumb {
background-color: #9a9a9a;
border-radius: 10px;
}
.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: #fff;width:600px;position:absolute;left:50%;top:15%;margin:0 0 0 -300px;box-shadow: 0px 0px 10px rgba(100,100,100,.5);border-radius: 5px;}
.featurepopupplace .popupbody {display:flex;flex-wrap: wrap;}
.featurepopupplace .popupbody > div {width:50%;padding:0 2%;flex:auto}
.featurepopupplace iframe {width:100%;}
.featurepopupplace .title {font-size:30px;color:#6d1ef4;margin:0 0 20px 0;}
.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);}
html:lang(ar) #maintitleplace {margin: 150px auto 0px auto;}
.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 #2da0b9;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;}
.accessibility {cursor:pointer;line-height:21px;display:block;padding:7px 10px ;border:1px solid #222;text-align:center;position:relative;z-index:999;float:left;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin:36px 15px 0 0}
.accessibility:hover, .accessibility:focus {background:#6e19f0;color:#fff;border:1px solid #6e19f0;}
.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 input, .invertsite button, .invertsite select, .invertsite .contactform textarea, .invertsite .contactform input[type="submit"],
.invertsite .contactsideplace textarea {border:1px solid #fff;}
.invertsite .contactsideplace textarea { width: 66%;}
.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:#fff url(../images/search.png) center center no-repeat !important;background-size: cover!important;}
.btnmenu {
display:flex
}
.btnmenu a{
margin:0 5px 5px 5px;
background-color: #6e19f0;
border-radius:5px;
color: #fff;
font-size: 15px;
}
.btnmenu a:hover{
background-color:#9013fe;
border-radius:5px;
}
.mainmenu li.btnmenu:hover a{
color: #fff;
}
.cookiesplace {z-index: 999;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;left:0}
.cookiesplace p, .cookiesplace a {color:#fff}
.cookiesplace button {color: #fff;text-decoration:none;display: inline-block;background: var(--maincolor);border: 1px solid var(--white);padding:10px 20px;margin:10px 0 0 0}
.cookiesplace button:hover, .cookiesplace button:focus {background:#000;}
.cookiesettings label {display: flex;align-items: center;gap: 8px;margin: 6px 0;cursor: pointer;color: #fff;}
.cookiesettings input[type="checkbox"] {width: 18px;height: 18px;cursor: pointer;}
@media print
{
* {-webkit-print-color-adjust:exact;}
h1, h2, h3, h4, h5, h6, h7, p, a, li {line-height:120%;color:#000 !important;}
h1 {font-size:30px;}
h2, .bodytext h3, .mainabstract h3, .indexcontent h3, .bigtitle h3, .infobox h2, .infobox h3 {font-size:26px;margin:0 0 20px 0;}
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, .pagewide, .imgside { width: auto !important;width:100% !important; margin:auto !important;max-width:100% !important;float:none}
.indexcontent, .bodytext, .shortbody, .linkssplace, .serviceplace, .productsplacehome, .greyplace, .projecthomeplace, .logosplace, .logosslider, .timelinegreyplace,
.featuresplace, .greywideplace, .infoboxesplacehome, .infoboxesplace { padding:0;max-width:100%;width:100%;}
.leftcolumn, .mainmenu, .topmenu, .breadcrumbs, .search, #featuresplace, .socialmedia, .strip, .opensearch, #features, .featuresplace,
.accessibilityplace, .shoppingcartplace, #openlogin, #strip, .diagonal, .sliderhome,
.infoboxesplace img, .service img, .footerlinksplace, #contactfooter, .more, .docsplace, .linksplace {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, #maintitleplace {min-height:0;height:auto}
header, .infoboxes, .timelinegreyplace .bigtitle, .timelineplace, .linkssplace .bigtitle {width:100%;position:static}
.infobox {padding:0;}
.pagetitle, .columns {background:none;padding:0;min-height:0;position:static;height:auto}
.mainabstract, .mainabstract p {font-size: 22px;line-height: 22px;}
.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:16px;margin: 0}
.servicesplace div {width:100%;padding:4%}
.servicesplace h3 {margin:0 30px 10px 30px;}
}