@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, tt, var,
u, i, center, ol, ul, li,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, select, input, button{
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-o-text-size-adjust: none;
-ms-text-size-adjust: none;
text-size-adjust: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-backface-visibility: hidden;
}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{
display: block;
}
b,strong{
font-weight: bold;
}
ul, ol{
list-style-image: none;
outline:none;
list-style: none;
}
ul{
}
ol{
list-style-position: inside;}
button,input,select,textarea{
font-size: 100%;
margin: 0;
vertical-align: baseline;
*vertical-align: middle;
font-family: sans-serif;
}
input::-moz-focus-inner{
border:0; padding:0 }
.search input:-webkit-autofill{
-webkit-box-shadow: 0 0 0px 1000px #000 inset;-webkit-text-fill-color: #fff !important;}
img{
vertical-align: bottom; max-width:100%; height:auto;}
.clearfix:before, .clearfix:after{
content: ""; display: block; }
.clearfix:after{
clear: both; }
.clearfix{
*zoom: 1; }
a{
text-decoration:none; outline:none; color:#1d1202}
a:active, a:focus{
outline: none;
}
a:hover{
color:#DB5C1E}
.br-is-mobile{
-webkit-tap-highlight-color:rgba(255, 255, 255, 0);
}
a[href]:focus,
input:not([disabled]):focus,
[tabindex]:focus,
[contentEditable=true]:focus,
select:not([disabled]):focus,
textarea:not([disabled]):focus,
button:not([disabled]):focus,
iframe:focus,
embed:focus,
object:focus{
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-color: #0097f0;
}
input::-webkit-input-placeholder{
color: #fff; opacity:1;}
input::-moz-placeholder{
color: #fff; opacity:1;}
input:-ms-input-placeholder{
color: #fff; opacity:1;}
input:-moz-placeholder{
color: #fff; opacity:1;}
textarea::-webkit-input-placeholder{
color: #fff; opacity:1;}
textarea::-moz-placeholder{
color: #fff; opacity:1;}
textarea:-ms-input-placeholder{
color: #fff; opacity:1;}
textarea:-moz-placeholder{
color: #fff; opacity:1;}
@font-face{
font-family: 'Alef';
src: url('../fonts/Alef-Bold.eot');
src: url('../fonts/Alef-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/Alef-Bold.woff') format('woff'),
url('../fonts/Alef-Bold.ttf') format('truetype'),
url('../fonts/Alef-Bold.svg#alefbold') format('svg');
font-weight: bold;
font-style: normal;
}
ont-face{
font-family: 'Alef';
src: url('../fonts/Alef-Regular.eot');
src: url('../fonts/Alef-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/Alef-Regular.woff') format('woff'),
url('../fonts/Alef-Regular.ttf') format('truetype'),
url('../fonts/Alef-Regular.svg#alefregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face{
font-family: 'admir';
src: url('../fonts/admir.eot?18811128');
src: url('../fonts/admir.eot?18811128#iefix') format('embedded-opentype'),
url('../fonts/admir.woff?18811128') format('woff'),
url('../fonts/admir.ttf?18811128') format('truetype'),
url('../fonts/admir.svg?18811128#admir') format('svg');
font-weight: normal;
font-style: normal;
}
h2, h3, h4{
font-weight:normal;}
html{
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
text-size-adjust: 100%;
width: 100%;
min-height: 100%;
-webkit-backface-visibility: visible;
-moz-backface-visibility: visible;
backface-visibility: visible;
overflow:hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
body{
font-family: Arial, sans-serif;
background-color:#fff;
font-size: 14px;
-webkit-overflow-scrolling: touch;
-webkit-backface-visibility: inherit;
-moz-backface-visibility: inherit;
backface-visibility: inherit;
width: 100%;
height:100%;
position: relative;
color:#1D1202;
direction:ltr;
text-align:right;
overflow-x:hidden;
}
.with_under{
text-decoration:underline;}
.case_study_unit .download_link{
font-weight: bold;}
#svForm{
-webkit-overflow-scrolling: touch;}
section.page-content{
direction:rtl;}
.container{
max-width:1280px; margin:0 auto; padding:0 15px}
.mobile{
display:none;}
.desktop{
display:block;}
.alef{
font-family:Alef, Arial, sans-serif;}
.skip_to_content, .hidden{
position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:rect(0 ,0 ,0 ,0);border:0;}
.skip_to_content:focus{
width:auto;height:auto;margin:0;position: absolute; z-index:1;right: 300px;top: 1px;padding: 0.5em;display: inline-block;background-color: #0E85DA;color: #fff;}
.link_box{
padding: 0.6em 1.5em 0.8em;
border: 2px solid #fff;
display: inline-block;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
}
.link_box:before{
content: ''; position: absolute; border: 4px solid;top: -10px;right: -10px;bottom: -10px; left: -10px; opacity: 0; -webkit-animation-duration: 0.8s; -moz-animation-duration: 0.8s; -o-animation-duration: 0.8s; animation-duration: 0.8s;}
.general_content_text a, .page_content_text a{
}
.share_box{
text-align:center; margin-top:20px; }
.fb_iframe_widget{
margin-right:20px;  vertical-align:top;}
header{
width:100%;color:#fff;background-color:rgba(0,0,0,0.85)}
.hp header, .projects header, .environment header, .technology header, .lobby-page header{
position: static; top: 0;z-index: 2;}
.header_top{
padding:1em;}
.header_top> .container{
position:relative}
.logo{
float:right;}
.logo img{
max-width:220px; max-height:80px;}
h2.site-slogan{
font-family:"Alef"; display:inline-block;  padding:0 3%; margin-top:1%; font-size:1.8em;}
h2.site-slogan:empty{
display:none;}
.header_top_left{
float:left;margin-top:10px;}
@media screen and (min-width: 1024px){
.Migdalerlich .logo{
float:left;}
.Migdalerlich .header_top_left{
float:right;}
}
.search{
float:right;}
.search input[type="text"],.search a{
float:right;padding:10px; border:1px solid #fff;background-color:transparent;color:#fff; font-size:1em;}
.search a{
font-family:'admir';border-right:0 none; padding:6px 10px; cursor:pointer; font-size:1.5em}
.lang{
float:left;margin-right:2em;height: 40px;position:relative; width:60px;}
.lang h4{
height: 100%;line-height: 40px;cursor:pointer;}
.lang h4 a{
color:#fff;display:block;position:relative;padding-right: 1em;}
.lang h4:before{
cursor:pointer;content:'\E80B';font-family:'admir';font-size:1em; margin-left:1em; position:absolute; right:2px}
.lang:after{
content: '';width: 1px;margin-left: -4px;vertical-align: middle;display: inline-block;height: 100%;}
.lang ul.lang_menu{
width:60px;position:absolute;top:40px;left:0;text-align:left;z-index:2; background-color:#fff; display:none;}
.lang ul.lang_menu li{
display:block;}
.lang ul.lang_menu li a{
display:block;padding:0.5em; color:#1D1202}
.lang.active{
background-color:#fff;}
.lang.active h4 a{
color:#000}
.lang.active h4:before{
color:#000}
.other_logos{
width:400px; float:right;margin-right:100px}
.ltr .other_logos{
width:430px;}
.logo_enviroment, .logo_projects{
width:49%; display:inline-block; vertical-align:middle;padding-bottom:13%;}
.logo_enviroment{
background:url(../img/logo_enviroment.png) center center no-repeat;}
.ltr .logo_enviroment{
background:url(../img/logo_environment_en.png) center center no-repeat;padding-bottom:12%;}
.logo_projects{
border-left:1px solid #5D5A5A;background:url(../img/logo_projects.png) center center no-repeat;}
.ltr .logo_projects{
border-left:1px solid #5D5A5A;background:url(../img/logo_projects_en.png) center center no-repeat;padding-bottom:12%;}
@media screen and (min-width: 1024px){
.main_menu{
width:100%; border-top:1px solid #fff;border-bottom:1px solid #fff;}
.main_menu ul.menu_first_level{
width:100%;display:table;table-layout:fixed;}
.main_menu ul.menu_first_level>li{
display:table-cell;border-left:1px solid #fff;position:relative; text-align:center}
.main_menu ul.menu_first_level>li:first-child{
border-right:1px solid #fff;}
.main_menu ul.menu_first_level>li>a{
font-size: 1.2em;position:relative;color:#fff;padding:1em 0; display:block; font-family:Alef, Arial, sans-serif;}
.main_menu ul.menu_first_level>li>a.current span:after{
content:'';background-color:#DB5C1E; width:100%; height:3px;display:inline-block;position:absolute;left: 0;bottom: -3px;}
.main_menu .menu_seconed_level{
position:absolute; z-index:3; display:none;width:100%;}
.main_menu .menu_seconed_level ul{
background-color:#fff;border-top:1px solid #EAE9E9;width:100%; text-align:right;}
.main_menu .menu_seconed_level>ul>li>a{
color:#1D1202;padding:0.7em 0.7em; display:block; font-size: 1.15em;}
.main_menu ul.menu_first_level>li>a>span{
display:inline-block; position:relative}
.main_menu ul.menu_first_level>li:hover, .main_menu ul.menu_first_level>li.clicked{
background-color:#fff;}
.main_menu ul.menu_first_level>li:hover >a, .main_menu ul.menu_first_level>li.clicked > a{
color:#1D1202;}
.main_menu .menu_seconed_level>ul>li:hover >a:hover, .main_menu .menu_seconed_level>ul>li> a:focus{
background-color:#E17D4C; color:#FFF;}
.main_menu ul.menu_first_level>li:hover > .menu_seconed_level{
display:block;}
.main_menu .menu_seconed_level ul:before, .main_menu .menu_seconed_level ul:after{
content:'';width:2px;height:1px;background-color:#EAE9E9;position:absolute; top:0;}
.main_menu .menu_seconed_level ul:before{
right:-1px;}
.main_menu .menu_seconed_level ul:after{
left:-1px;}
.main_menu .menu_seconed_level ul li{
position:relative;border-bottom: 1px solid #EAE9E9;}
.main_menu .menu_seconed_level ul li:last-child{
border-bottom:0 none;}
.main_menu .menu_seconed_level li:before, .main_menu .menu_seconed_level li:after{
top:0; content:'';width:1px;height:100%;display:inline-block;position:absolute;background-color: #fff;}
.main_menu .menu_seconed_level li:before{
right:-1px;}
.main_menu .menu_seconed_level li:after{
left:-1px;}
.main_menu .menu_seconed_level>ul>li:hover:before, .main_menu .menu_seconed_level>ul>li:hover:after{
background-color:#E17D4C}
}
.page_main_content{
padding-bottom:30px;}
.home_slider.royalSlider{
width:100%; z-index:0}
.home_slider.royalSlider .rsABlock{
right:150px;right:calc(50% - 625px); top:170px; direction:rtl;}
.ltr .home_slider.royalSlider .rsABlock{
width:100%;}
.home_slider.royalSlider .rsABlock h2{
max-width: 60%;position:relative;line-height: 1;padding: 0.2em 0.5em 0.4em;display:inline-block; font-size:3.6em; font-family:Alef,Arial, sans-serif;}
.home_slider.royalSlider .rsABlock h2 span{
font-size:0.4em; font-family:Alef, Arial, sans-serif;display:block;}
.ltr .home_slider.royalSlider .rsABlock h2 span{
font-size:0.6em; }
.home_slider.royalSlider .rsABlock h2:after{
content: '';position: absolute;left: -30px;top: 0;width: 130px;height: 100%;-moz-transform: skewX(10deg); -ms-transform: skewX(10deg); -o-transform: skewX(10deg); -webkit-transform: skewX(10deg); transform: skewX(10deg);background-color:inherit;z-index: -1;}
.home_slider.royalSlider .rsABlock a{
color:#1D1202;background-color:rgba(255,255,255,0.8); width:30%; display:inline-block; padding:1em; font-size:1.2em}
.home_slider.royalSlider .rsABlock .more_details{
display:block;padding: 0.5em 0; color:#1D1202; font-weight:bold;}
.home_slider.royalSlider .rsABlock a .more_details:after{
-webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0);font-size: 0.8em;content:'\E823';padding-right: 10px;font-family:'admir'}
body.ltr .home_slider.royalSlider .rsABlock a .more_details:after{
content:'\e812';}
.home_slider.royalSlider .rsNav.rsBullets{
width: 60%;position: absolute; bottom:10px;direction: rtl;right:10px;z-index:0}
body.hp .home_slider.royalSlider .rsNav.rsBullets{
bottom:150px;}
.home_slider.royalSlider .rsNav.rsBullets .rsNavItem.rsBullet{
width: 12px;height: 12px;border: 1px solid #FFF; display:inline-block; margin-left:5px;}
.home_slider.royalSlider .rsNav.rsBullets .rsNavItem.rsBullet.rsNavSelected{
border: 3px solid #FFF;}
.home_slider.royalSlider .rsArrow{
position:absolute; top:45%; top:calc(50% - 35px)}
.home_slider.royalSlider .rsArrow.rsArrowLeft{
left:10px}
.home_slider.royalSlider .rsArrow.rsArrowRight{
right:10px}
.home_slider.royalSlider .rsArrow .rsArrowIcn{
width:35px; height:100px}
.home_slider.royalSlider .rsArrow .rsArrowIcn:after{
font-family:admir; display:inline-block; font-size:100px; color:rgba(255, 255, 255, 0.7)}
.home_slider.royalSlider .rsArrow.rsArrowLeft .rsArrowIcn:after{
content:'\E803';}
.home_slider.royalSlider .rsArrow.rsArrowRight .rsArrowIcn:after{
content:'\E802';}
.under_main_slider{
background-color:rgba(255, 255, 255, 0.7); height:145px;margin-top:-145px;position:relative;z-index:1;}
.under_main_slider .container{
position:relative;}
.under_main_slider_right{
bottom: -8px;width:100%;position:absolute;right:0;}
.under_main_slider_left{
width:330px;background:url(../img/map.png) bottom center no-repeat;height:145px;position:absolute; left:-330px;bottom:8px;}
.under_slider_unit{
width:16.5%; float:right;  text-align:center;height: 285px; cursor:pointer}
.under_slider_unit .svg_img{
width:60%; height:auto;margin-top:88px;}
.under_slider_unit h2{
font-size:1.7em;line-height:1.1;margin:0 auto;width:72%;}
.ltr .under_slider_unit h2{
font-size:1.4em;}
.under_slider_unit.active{
background-image:url('../../files/slider_color/meuyan_top.svg');background-position:bottom center;background-size:88%;background-repeat: no-repeat;}
.under_slider_unit.active .svg_img path.background{
}
.under_slider_unit.active .svg_img > path:first-of-type{
stroke:none; }
.under_slider_unit svg > path:first-of-type{
stroke:#fff; fill:#FFF; stroke-width:5;}
.admir_world{
background-color:#ffcb08;padding:0.5em;width:90px; position:absolute; -moz-transition:0.5s ease-in-out; -o-transition:0.5s ease-in-out; -webkit-transition:0.5s ease-in-out; transition:0.5s ease-in-out;}
.admir_world a{
color:#1D1202}
.admir_world h4{
-moz-transition:0.5s ease-in-out; -o-transition:0.5s ease-in-out; -webkit-transition:0.5s ease-in-out; transition:0.5s ease-in-out;font-size: 1.1em;position: relative;font-weight:bold; border:2px solid #1D1202;padding: 0.3em 0.5em 0.3em 0.5em;line-height:1.1;}
.admir_world h4:after{
left:3px;top:calc(50% - 0.5em);position:absolute;font-size:1em;content:'\E803';font-family:admir; display:inline-block; vertical-align:middle;-moz-transition:0.5s ease-in-out; -o-transition:0.5s ease-in-out; -webkit-transition:0.5s ease-in-out; transition:0.5s ease-in-out;}
body.ltr .admir_world h4:after{
content:'\E802';}
.admir_world:after{
-moz-transition:0.5s ease-in-out; -o-transition:0.5s ease-in-out; -webkit-transition:0.5s ease-in-out; transition:0.5s ease-in-out;content:''; width:0; height:0;border-style: solid;border-width: 25px 7.5px 0 7.5px;border-color: #ffcb08 transparent transparent transparent;position: absolute;}
.admir_world:first-child:after{
left: 15px;}
.admir_world:last-child:after{
right: 15px;}
.admir_world:first-child{
right: 44px;top: 14px;}
.admir_world:last-child{
right:142px;top:38px;}
.profile_zone{
}
.profile_zone h3.title{
font-size:2em;}
.top_section_text .desc{
font-size:1.15em;}
.top_section_text{
text-align:center;padding:1em 0 2.5em;}
.top_section_text h2, .contact_us_wrapper h2{
font-size:2.5em;margin-bottom:20px;}
.contact_us_wrapper h2{
font-size:2.9em}
.top_section_text a{
font-size:1.1em}
.col_3 article{
width:32%; margin-left:2%; float:right; margin-bottom:2em}
.col_3 article:nth-child(3n){
margin-left:0}
.profile_unit{
padding:3em; background-color:#E17D4C;color:#fff;}
.profile_unit .content_text{
font-size:1.15em; line-height:1.2; height:6em; overflow:hidden;margin:0.5em 0 1em; text-align:right;}
.profile_unit .content{
text-align:center;}
.profile_unit a{
color:#fff; font-size:1.3em}
.logo_title{
width:100%; padding-bottom:18%;  background-position:top center; background-repeat:no-repeat;}
.ltr .logo_title{
background-size:contain;}
.solutions{
background-size:cover; background-position:top center;background-repeat:no-repeat;}
.rgba_layer{
background-color:rgba(0,0,0,0.6);padding:2em 0}
.top_section_text.white{
color:#fff}
.top_section_text.white a{
color:#fff}
.top_section_text.white h2:before, .top_section_text.white h2:after{
background-color:#fff}
.solution_unit{
position:relative; width:100%; height:330px;}
.solution_unit .svg_img{
width:100%; height:100%;}
.solution_unit figure{
width:auto;height:100%; overflow:hidden;}
.solution_unit figure img{
width:100%;height:100%}
.solution_content_wrap{
-moz-transition:1s ease; -o-transition:1s ease; -webkit-transition:1s ease; transition:1s ease; opacity:0;text-align:center;position:absolute; top:0;width:100%; height:100%;background-color:rgba(0,0,0,0.6)}
.solution_content_yellow_wrap{
background-size:80%;width:100%;height:100%;background-image:url(../img/svg/meuyan_blue.svg); background-repeat:no-repeat;background-position:50% 50%;}
.solution_content{
width:50%; height:80%;margin: 0 auto; padding-top: 20%;}
.solution_content h3{
font-size:2em;line-height: 1;padding:0 15px;}
.ltr .solution_content h3{
font-size:1.5em;}
.solution_content .content{
font-size:1em; line-height:1.2; max-height:4.8em; overflow:hidden;margin: 0.5em 0;}
.solution_content a{
font-weight:bold; -moz-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; -webkit-transition:0.3s ease-in-out; transition:0.3s ease-in-out;}
.solution_content a:after{
display:inline-block; margin-right:4px; vertical-align:middle;font-size: 0.8em;content:'\E813';padding-right: 10px;font-family:'admir'}
.ltr .solution_content a:after{
content:'\E812';}
.more_info{
color:#1D1202}
.footer{
padding:4em 0 0;background-color:#F7F7F7}
.footer>.container{
padding-bottom:2em;}
.footer_right{
width:65%; padding-left:2%;display:table-cell;position:relative}
.footer_nav{
width:100%; }
.footer_nav > ul{
display:table; table-layout:fixed; width:100%}
.footer_nav li.footer_nav_li{
display:table-cell;}
.footer_nav li.footer_nav_li h3{
font-size:1.3em; font-weight:bold;margin-bottom:0.5em; }
.footer_nav li.footer_nav_li h3 a{
color:#1D1202}
.footer_nav li.footer_nav_li ul li a{
display:block; padding:0.2em;font-size:1.1em; color:#1D1202}
.footer_contact_us{
width:32%; display:table-cell;padding:1em 2em 1em 1.4em;border:2px solid #D4D4D4}
.footer_contact_us h3{
font-size:1.5em; font-family:alef, Arial, sans-serif;}
.conact_us_text{
padding-top:0.5em; padding-bottom:1em; padding-left:8%;}
.footer_contact_us table{
width:100%}
.footer_contact_us table .pio-form-row.pio-form-mandatory .pio-form-cell.pio-form-field:after{
content:'\E822';font-family:admir;color:#B1B1B1;font-size:0.8em; display:inline-block;vertical-align:middle;width:10%;text-align:center;}
.footer_contact_us table .pio-form-cell.pio-form-field input[type='text']{
-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;width:90%;background-color:#fff; color:#1D1202; padding:0.8em 1em; border:1px solid #a1a1a1 }
.footer_contact_us table .pio-form-cell.pio-form-field{
width:84%; display: inline-block;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.footer_contact_us table .pio-form-cell.pio-form-field-title{
width:16%; font-size:1.1em;display: inline-block;vertical-align:middle}
.footer_contact_us table .pio-form-cell.pio-form-error{
width:100%; display:block;color:red;margin:0.4em 16% 1.2em;}
.footer_contact_us table .pio-form-row.pio-form-row-separator{
display:none}
.footer_contact_us table .pio-form-row{
margin-bottom:1em; display:block}
.footer_contact_us input[type='submit']{
margin-top:0.8em;margin-left:8%;font-size:1.2em;float:left;background-color:#ffcb08; font-family:Alef; font-weight:bold; padding:0.8em 1.8em;-moz-transition:0.5s ease-in-out; -o-transition:0.5s ease-in-out; -webkit-transition:0.5s ease-in-out; transition:0.5s ease-in-out;}
.footer_contact_us .checkbox input[type="checkbox"], .contact_us_form_holder .checkbox input[type="checkbox"]{
opacity:0;}
.footer_contact_us .checkbox label, .contact_us_form_holder .checkbox label{
width:auto; display:inline-block;position:relative; vertical-align:middle; float:right;}
.footer_contact_us .checkbox label:before, .contact_us_form_holder .checkbox label:before{
vertical-align:middle; background-color: transparent;z-index: 2;cursor:pointer;content: ''; width: 13px; height: 13px; border: 1px solid #1C5180; position: relative; display:inline-block;margin-left:10px;}
.footer_contact_us .checkbox label:after, .contact_us_form_holder .checkbox label:after{
font-weight:bold;content:'\2713';position:absolute;font-family:Arial; font-size:17px;color:#1d1202; top:-3px; right:0px;opacity: 0;}
.footer_contact_us .checkbox input[type="checkbox"]:checked + label:after, .contact_us_form_holder .checkbox input[type="checkbox"]:checked + label:after{
opacity:1;}
.footer_copyright{
clear:both;padding:1.5em; background-color:#000;}
.copy_right{
float:right;color:#fff;}
.copy_left{
float:left;}
.footer_copyright a{
color:#fff;}
.footer_links_nav{
position:absolute; bottom:0; width:100%}
.footer_links_nav ul li{
display:inline-block; margin-left:3%;}
.footer_links_nav ul li a{
display:block;font-weight: bold; }
.footer_links_nav ul li a:before{
display:inline-block; content:'\E827'; font-family:admir; margin-left:10px;font-size:35px;    font-weight: normal;}
.footer_links_nav ul li a.youtube_footer:before{
content:'\E825'; font-size:35px;}
.footer_links_nav ul li a img{
max-width:160px; height:auto;}
.footer_top{
display: table;table-layout: fixed;}
.breadcrumbs{
padding:1em 15px 0.5em;font-family:Alef, Arial, sans-serif;font-size:1.1em;position: relative;z-index: 2;}
.breadcrumbs span a:after{
content:'\E803';padding-right:0.5em;font-family:'admir'; color:#1D1202}
body.ltr .breadcrumbs span a:after{
content:'\E802';}
.breadcrumbs span a{
margin-left:0.5em; color:#1D1202}
.inner-page .breadcrumbs{
position: absolute;width: 100%; margin: auto;right: 0;left: 0;}
.general_section{
padding:2em 0;}
.general_section.container{
padding:3em 15px;}
body.projects .projects_application_wrap h3{
border-bottom:2px solid #0b7393}
body.environment .projects_application_wrap h3{
border-bottom:2px solid #45812B}
body.technology .projects_application_wrap h3{
border-bottom:2px solid #DB5C1E}
.col_4 article{
width:24%; float:right; margin-left:1%;margin-bottom:1em}
.col_4 article:nth-child(4n){
margin-left:0}
.projects_application_wrap h3{
font-size:1.7em; display:inline-block; margin-bottom:0.3em; height:2.5em; line-height:1.2}
.ltr .projects_application_wrap h3{
font-size:1.2em;}
.projects_application_unit{
border:1px solid #E3E3E3; padding:1em; height:16.8em}
.ltr .projects_application_unit{
height:17.2em}
.projects_application_unit .content_text{
margin-bottom: 0.5em;width:100%; height:7.1em;font-size:1em;line-height:1.2;overflow:hidden}
.ltr .projects_application_unit .content_text{
height:8.4em;}
body.projects .projects_application_unit .content_text a:hover{
color:#0b7393}
body.environment .projects_application_unit .content_text a:hover{
color:#45812B}
body.environment .general_body a:hover{
color:#45812B}
.projects_application_unit a.more_info{
-moz-transition:0.5s ease-in-out; -o-transition:0.5s ease-in-out; -webkit-transition:0.5s ease-in-out; transition:0.5s ease-in-out;border: 1px solid #1D1202; padding:0.5em 1em;display:inline-block; font-weight:bold}
.projects_application_unit .content_text ul li{
position:relative; padding-right:12px;}
.projects_application_unit .content_text ul li:before{
font-size:10px; content:'\E82A';font-family:admir;position: absolute;right:0;width:8px;height:8px;background-size:100%;top:3px}
body.projects .projects_application_unit .content_text ul li:hover:before{
color:#0b7393}
body.environment .projects_application_unit .content_text ul li:hover:before{
color:#45812B}
body.technology .projects_application_unit .content_text ul li:hover:before{
color:#DB5C1E}
.projecsts_gallery{
width:100%; background-size:cover; background-repeat:no-repeat; background-image:url(../img/shutterstock_180149102.jpg);}
body.projects .projecsts_gallery{
background-image:url(../img/shutterstock_168078641.jpg);}
body.environment .projecsts_gallery{
background-image:url(../img/shutterstock_110347199.jpg);}
.projecsts_gallery .top_section_text a{
color:#fff}
.projects_gallery_rgba{
padding:4em; background-color:rgba(0, 0, 0, 0.7)}
body.projects .projects_gallery_rgba{
background-color:rgba(31, 136, 183, 0.7)}
body.environment .projects_gallery_rgba{
background-color:rgba(26,58, 13, 0.66)}
.projects_gallery_wrappr{
height:330px; margin:3em 0}
.projects_gallery_wrappr figure{
height:inherit;width:auto; }
.projects_gallery_wrappr figure img{
height: inherit;width: auto;}
.projects_gallery_wrappr.flickity-rtl .flickity-prev-next-button.previous{
right:-60px}
.projects_gallery_wrappr.flickity-rtl .flickity-prev-next-button.next{
left:-60px}
.projects_gallery_wrappr.flickity-rtl .flickity-prev-next-button{
width:70px; height:70px;background:transparent; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;}
.projects_gallery_wrappr.flickity-rtl .flickity-prev-next-button .arrow{
fill:rgba(255, 255, 255, 0.7)}
.general_h3{
font-weight:bold; font-size:1.8em;margin-bottom:0.4em; font-family:'Alef'}
.general_summery, .general_body{
line-height:1.4; width:100%; display:inline-block; vertical-align:top;font-size:1.15em}
.ltr .general_summery{
padding-right:2%}
.general_body{
}
body.environment .general_summery ul{
width:100%}
body.environment .general_summery ul li{
display:block;width:100%; margin:1em 0;POSITION: RELATIVE; padding-right: 26px;}
body.environment .general_summery ul li:before{
content:'\E824'; font-family:admir; color:#45812B; position:absolute; right:0}
body.environment .general_summery ul li:first-child{
margin-top:0;}
.inner_page_title{
width:100%; background-color:#F1F1F1; padding:0.5em 0}
.inner_page_title h1{
font-size:2.5em;font-family:alef,Arial, sans-serif;}
.right_grid{
width:18%; float:right;margin-left:1%}
.middle_grid{
width:100%; float:right;}
.right_grid + .middle_grid{
width:81%;}
.middle_grid > .general_section{
padding-top:0;}
.middle_grid > .container.general_section{
padding-right:0; padding-left:0;}
.side_menu ul li a{
display:block;padding:0.6em;padding-right:1.15em;padding-left:1em;font-size: 1.15em;position:relative; color:#1D1202; background-color:#f9f8f8; border-bottom:1px solid #c6c6c6}
.side_menu ul li a:hover, .side_menu ul li a:focus{
background-color:#FFF;}
ul.first-generation > li > a:after{
content:'\e803'; font-family:'admir'; position:absolute; left:0.5em;font-size: 1.2em;top:14px; top:calc(50% - 0.6em)}
body.ltr .side_menu > ul > li > a:after{
}
.side_menu>ul>li.current.parent{
background-color:#db5c1e;color:#fff;font-weight:bold;padding:.6em;padding-right:1em;padding-left:2em;font-size:1.15em}
.side_menu ul li:last-child{
border:0 none;}
.side_menu ul li ul.second_level{
}
.side_menu ul li ul.second_level li a{
background-color:#FFF; padding-right:1.5em; font-size:1em}
.side_menu ul li ul.second_level li a:hover{
background-color:#f9f8f8;}
.side_menu ul.second_level li a.current{
font-weight:bold;}
.side_menu ul.second_level li a.current:before{
content:'';width:11px; height:11px; background:url(../img/orange_diamond.png) center center no-repeat;display: inline-block;vertical-align:middle;margin-left:5px;}
.side_menu ul li.active>a:before{
content:'';width:11px; height:11px; background:url(../img/orange_diamond.png) center center no-repeat;display: inline-block;vertical-align:middle;margin-left:5px;position: absolute;right:3px;top:45%; top: calc(50% - 5px); }
.side_menu ul li.active>a{
font-weight:bold}
.inner_page_slider.royalSlider, .wide_inner_page_slider.royalSlider{
width:100%; z-index:1}
.inner_page_slider.royalSlider .rsNav.rsBullets .rsBullet, .wide_inner_page_slider.royalSlider .rsNav.rsBullets .rsBullet{
width:11px; height:11px; border:1px solid #fff;display: inline-block; margin:0 5px;}
.inner_page_slider.royalSlider .rsNav.rsBullets .rsBullet.rsNavSelected, .wide_inner_page_slider.royalSlider .rsNav.rsBullets .rsBullet.rsNavSelected{
border:3px solid #fff;}
.inner_page_slider.royalSlider .rsNav.rsBullets, .wide_inner_page_slider.royalSlider .rsNav.rsBullets{
position:absolute; bottom:1em;width:100%;padding:0 1em;direction: rtl;z-index:10}
.inner_page_slider.royalSlider .rsABlock, .wide_inner_page_slider.royalSlider .rsABlock{
width:100%;z-index:10}
.inner_page_slider.royalSlider .rsABlock h2{
width:100%;padding:0.8em 1em; background-color:rgba(0,0,0,0.6); color:#fff; font-size:1.3em}
.wide_inner_page_slider.royalSlider .rsABlock h2{
width:100%;padding:1em; background-color:rgba(0,0,0,0.8); color:#fff; font-size:1.5em}
.page_content{
padding:1.5em 0}
.page_content_text{
font-size:1.3em;line-height:1.2}
.bottom_links{
padding:2em 0 1em}
.bottom_links a{
margin-left:2.5em;}
.bottom_links a:last-child{
margin-left:0;}
.movie_link, .download_link{
display:inline-block; vertical-align:middle;color:#1D1202}
.download_link{
direction: ltr;}
.ltr .download_link{
direction: rtl;}
.movie_link:before, .download_link:after{
content:'\E81F';font-family:'admir';vertical-align:middle;display:inline-block;margin-left:8px; color:#DB5C1E}
.movie_link:before{
content:'\E81F';font-size:3em;}
.download_link:after{
content:'\E821';font-size: 2.5em;}
.solutions_slider_zone{
background-position:50% 0; background-size:cover; background-repeat:no-repeat; text-align:center; padding:4em 0 0;}
.inner-page .solutions_slider_zone{
padding-top:1em;}
.solutions_slider_zone h2{
font-size:2.5em; padding-bottom:10px;}
.solutions_slider_zone .desc{
font-size:1.2em; padding-bottom:15px;}
.solutions_slider_wrap{
padding: 1em 0;}
.solutions_slider .solution_unit{
position:relative; width:32.4%; margin-left:1.33%; display:inline-block; vertical-align:top; margin-bottom:3em; height:240px;
background:#FFF; background:rgba(255,255,255,0.8); text-align:right;
-webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.05);
-moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.05);
box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.05);
}
.inner-page .solutions_slider .solution_unit{
background:rgba(255,255,255,0.4); margin-bottom:2em; height:400px; border:1px solid #cccccc}
.inner-page .solutions_slider .solution_unit:hover{
background:rgba(255,255,255,0);}
.solutions_slider .solution_unit .content-wrap{
position: absolute; padding:0;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
}
.solutions_slider_wrap .solutions_slider{
width: 95%; margin: auto;}
.solutions_slider .solution_unit figure{
width:100%; top:0; right:0; z-index:-1; height:auto;}
.solutions_slider .content-link{
display:block; height:100%; }
.solutions_slider .content-link .link-element{
font-family:'Alef'; font-size:1.3em;  font-weight:bold;  position:absolute; left:0; bottom:0; line-height:47px; padding-left:64px; padding-right:0; color:transparent; z-index:0; transition:color 0.4s ease, padding 0.4s ease;}
.solutions_slider .content-link .link-element:after{
font-family:'admir'; content:'\E803'; position:absolute; left:0; bottom:0; color:#FFF; background-color:rgba(0,0,0,0.6); width:47px; height:47px; font-size:25px; line-height:47px; text-align:center; transition:all 0.5s ease;}
.solutions_slider .content-link .link-element:before{
content:"";width:47px;height:47px;background-color:rgba(0,0,0,0.6); position:absolute; left:0; bottom:0; z-index:-1;transition:width 0.4s ease;}
.solutions_slider .content-link:hover .link-element,
.solutions_slider .content-link:focus .link-element{
padding-right:14px; padding-left:60px; color:#FFF;}
.solutions_slider .content-link:hover .link-element:before,
.solutions_slider .content-link:focus .link-element:before{
width:100%; }
.solutions_slider .solution_unit h3{
font-size:2.4em; line-height:1; padding-bottom:0.1em; font-family:'Alef'; line-height:1; padding:0.8em; padding-bottom:0;}
.solutions_slider .solution_unit h4{
font-weight:normal; font-size:1.4em; padding-bottom:0.2em; font-family:'Alef'; line-height:1;}
.solutions_slider .solution_unit .desk{
font-size:1.5em;  padding:1.4em; padding-bottom:0; color:#000;}
.solutions_slider .solution_unit h3 + .desk{
padding-top:0;}
.inner-page .solutions_slider .solution_unit h3{
font-size:1.8em;}
.inner-page .solutions_slider .solution_unit .desk{
padding:1.1em; padding-top:0.4em;}
.solutions_slider_wrap .flickity-prev-next-button{
background:transparent;width:40px; height:40px;}
.solutions_slider_wrap .flickity-prev-next-button:hover{
background:transparent;}
.solutions_slider.flickity-rtl .flickity-prev-next-button.previous{
right:-40px;}
.solutions_slider.flickity-rtl .flickity-prev-next-button.next{
left:-40px;}
.items_list_zone{
text-align:center;}
.items_list_zone h2{
font-size:2.5em; padding-bottom:10px;}
.items_list_zone .desc{
font-size:1.2em; padding-bottom:15px; }
.items_list{
text-align:right; font-size:1.15em;}
.items_list figure{
display:inline-block; vertical-align:top; width:20%;}
.items_list figure + .content-item{
display:inline-block; vertical-align:top; width:75%; margin-right:4%;}
.item_unit{
border: 1px solid #E3E3E3; padding:1.5em; margin-bottom:2em;}
.item_unit h3{
font-weight:bold; font-size:1.4em; padding-bottom:0.3em; font-family:'Alef'}
.item_unit li{
position: relative; padding-right: 16px;}
.item_unit ul>li:before{
content: '\E82A';
font-family: admir;
position: absolute;
right: 0;
width: 8px;
height: 8px;
background-size: 100%;
top: 3px;
font-size: 10px;
}
.item_unit a{
text-decoration:underline;}
.item_unit a.content-link{
margin-top:1.2em;  -moz-transition:0.5s ease-in-out; -o-transition:0.5s ease-in-out; -webkit-transition:0.5s ease-in-out; transition:0.5s ease-in-out;border: 1px solid #1D1202; padding:0.5em 1em;display:inline-block; text-decoration:none; font-family:'Alef'; font-weight:bold;}
.faq-items-container .faq-item{
border-bottom:1px solid #E3E3E3; padding:1em 0;}
.faq-items-container .acc-toggle{
cursor:pointer; font-size:1.4em; font-weight:bold;line-height:1.4; padding-right:20px;}
.faq-items-container .acc-toggle:before{
margin-right:-20px;
content:"+";
display:inline-block;
vertical-align:middle;
width:35px;
height:35px;
border:1px solid #E3E3E3;
font-size:32px;
line-height:35px;
text-align:center;
margin-left:12px;
color:#DB5C1E;
font-weight:normal;
}
.faq-items-container .acc-toggle:hover,
.faq-items-container .acc-toggle.selected{
color:#DB5C1E;}
.faq-items-container .acc-toggle[aria-expanded=true]{
color:#DB5C1E;}
.faq-items-container .acc-toggle[aria-expanded=true]:before{
content:"‒"; padding-bottom:2px; padding-top:0;}
.faq-items-container .acc-container{
padding-right:50px; padding-top:7px; font-size:1.15em;}
.wide_content_section{
position:relative}
.wide_content_section h2{
color:#343434; font-size:1.8em;margin-bottom:1em;}
.wide_content_section a.top_page_link{
color:#1D1202;position:absolute;font-family:Alef, Arial, sans-serif; padding:0.7em 0.8em; font-size:1.2em; background-color:#FFCB08; display:inline-block; left:5px; border:2px solid #1d1202; -moz-transition:0.5s ease-in-out; -o-transition:0.5s ease-in-out; -webkit-transition:0.5s ease-in-out; transition:0.5s ease-in-out;z-index:2}
.wide_content_section a.top_page_link:before{
-moz-transition:0.5s ease-in-out; -o-transition:0.5s ease-in-out; -webkit-transition:0.5s ease-in-out; transition:0.5s ease-in-out;content:"";position: absolute;z-index:-1; top:-7px;left:-7px;right:-7px;bottom: -7px; border: 5px solid #FFCB08;}
.wide_content_section a.top_page_link:after{
-moz-transition:0.5s ease-in-out; -o-transition:0.5s ease-in-out; -webkit-transition:0.5s ease-in-out; transition:0.5s ease-in-out;content:"\E803";font-family:admir;margin-right:10px; display:inline-block}
body.ltr .wide_content_section a.top_page_link:after{
content:"\E802";}
.general_content_text h3, .general_content_text h2{
color:#DB5C1E;margin:1.5em 0 0.5em; font-weight:bold; font-size:1.4em}
.general_content_text a:hover{
color:#DB5C1E}
.general_content_text>ul>li:before,
.faq-items-container .acc-container>ul>li:before{
content:'\E82A';font-family:admir;position: absolute;right:0;width:8px;height:8px;background-size:100%;top:3px; font-size:10px;}
.general_content_text>ul>li:hover:before{
color:#DB5C1E;}
.general_content_text>ul>li,
.faq-items-container .acc-container>ul>li{
position:relative;padding-right:16px;}
.general_content_text>ul>li>ul,
.faq-items-container .acc-container>ul>li>ul{
padding-right:10px;}
.general_content_text>ul>li>ul>li:before,
.faq-items-container .acc-container>ul>li>ul>li:before{
content:'\002D';display:inline-block; margin-left:7px;color:#DB5C1E;}
.general_content_text>ol,
.faq-items-container .acc-container>ol{
counter-reset: li-counter;}
.general_content_text>ol>li:before,
.faq-items-container .acc-container>ol>li:before{
content: counter(li-counter) ".";counter-increment: li-counter;position: absolute;right: 0;font-size:1em}
.general_content_text>ol>li,
.faq-items-container .acc-container>ol>li{
position:relative;padding-right:16px;}
.general_content_text>ol>li>ul,
.faq-items-container .acc-container>ol>li>ul{
padding-right:10px;}
.general_content_text{
font-size:1.15em; line-height:1.2;}
.wide_content_slider{
margin:2.5em 0;}
.wide_content_slider .rsFullscreenBtn{
position:absolute; bottom:5px; left:15px;z-index:10;}
.wide_content_slider .rsFullscreenBtn .rsFullscreenIcn:after{
content:'\E820'; font-family:'admir'; color:#fff;font-size:40px;}
.wide_content_slider .rsFullscreenBtn .rsFullscreenIcn{
text-align:center;}
.royalSlider.rsFullscreen .rsContainer img{
width:auto!important; height:80%!important; margin:auto!important; max-width:94%!important}
.royalSlider.rsFullscreen .rsContainer .rsContent{
background-color:rgba(0,0,0,0.9); text-align:center;}
.wide_inner_page_slider .rsArrow.rsArrowRight .rsArrowIcn:after, .wide_inner_page_slider .rsArrow.rsArrowLeft .rsArrowIcn:after{
color: #fff;font-family: 'admir';font-size: 60px;position: absolute;top: calc(50% - 30px);}
.wide_inner_page_slider .rsArrow.rsArrowLeft .rsArrowIcn:after{
left: 10px;content:'\E803'}
.wide_inner_page_slider .rsArrow.rsArrowRight .rsArrowIcn:after{
right:10px;content:'\E802'}
.container.search_page_container{
width:100%; padding:0;max-width:100%;}
.contact_us_section{
background-size:cover;background-repeat:no-repeat;padding:4em 0;position:relative;z-index:1;
}
.contact_us_wrapper{
width:43%;margin:3em auto;}
.contact_us_wrapper h2{
background-color:rgba(0,0,0,0.7); padding:0.5em; text-align:center; color:#fff;margin-bottom:0;}
.contact_us_wrapper h2:before,.contact_us_wrapper h2:after{
background-color:#fff;}
.main_contact_us_text{
font-size:1.3em; }
.contact_us_content_holder{
background-color: rgba(255,255,255,0.7);padding:4em 8em; color:#343434}
.contact_us_form_holder{
width:100%; margin:1.5em auto}
.contact_us_form_holder table{
width:100%;}
.contact_us_form_holder table .pio-form-field-title{
width:100%;display:block; font-weight:bold; color:#343434; margin-bottom:0.5em; font-size:1.1em}
.contact_us_form_holder table .pio-form-field, .contact_us_form_holder table .pio-form-cell.pio-form-error{
width:100%;display:block; margin-bottom:1em}
.contact_us_form_holder table .pio-form-cell.pio-form-error{
color:red}
.contact_us_form_holder table .pio-form-field-error{
margin-bottom:0.2em}
.contact_us_form_holder table .pio-form-field input{
width:100%;padding:0.5em; font-size:1.3em; border:1px solid #B6B5B5}
.contact_us_form_holder input[type='submit']{
display:block;margin:1em auto;background-color:#ffcb08; font-family:Alef, Arial, sans-serif; font-weight:bold; padding:0.7em 0; width:50%; text-align:center;font-size: 1.8em;-moz-transition:0.5s ease-in-out; -o-transition:0.5s ease-in-out; -webkit-transition:0.5s ease-in-out; transition:0.5s ease-in-out;}
.contact_us_form_holder table textarea{
width:100%;height:150px; resize:none;padding:0.7em;font-size:1.3em;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.contact_us_form_holder .checkbox label{
font-size:1.1em}
.contact_us_form_holder .ErrorLabelDiv{
display:none;}
.search_item{
padding:0.5em 0}
.case_study_wrapper{
display:flex; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;justify-content:space-between}
.case_study_unit{
width:24%; margin-left:1%; float:right;margin-bottom:1%; padding: 1em;}
.case_study_unit h2{
padding-bottom:3px;font-size:1.5em;display:inline-block; border-bottom:2px solid #D4D4D4 }
.inner_study{
margin-top:1em;padding:0 0.5em; min-height:98px}
.inner_study a{
margin-bottom:0.5em}
.inner_study .movie_link:before, .inner_study .download_link:after{
color:#757575}
@media screen and (min-width: 1024px) and (max-width: 1280px){
}
@media screen and (min-width: 1024px){
.solution_unit:hover .solution_content_wrap, .project_image_wrapper:hover .solution_content_wrap, .solution_unit:focus .solution_content_wrap, .solution_unit.active .solution_content_wrap {opacity:1;}
.solution_unit:hover .solution_unit_title_box{
opacity:0;}
.projects .projects_application_unit a.more_info:hover{
background-color:#0b7393; color:#fff; border:1px solid #0b7393;}
.environment .projects_application_unit a.more_info:hover{
background-color:#45812B; color:#fff; border:1px solid #45812B;}
.technology .projects_application_unit a.more_info:hover,
.technology .projects_application_unit a.more_info:focus,
.item_unit a.content-link:hover,
.item_unit a.content-link:focus{
background-color:#DB5C1E; color:#fff; border:1px solid #DB5C1E;}
.admir_world:hover{
background-color:#1D1202}
.admir_world:hover h4:after,.wide_content_section a.top_page_link:hover:after{
-moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); -webkit-transform: rotateY(90deg); transform: rotateY(90deg);}
.admir_world:hover h4{
border: 2px solid #fff;color:#fff}
.admir_world:hover:after{
border-color: #1D1202 transparent transparent transparent;}
.wide_content_section a.top_page_link:hover:before{
border:5px solid #1D1202}
.wide_content_section a.top_page_link:hover{
background-color:#1D1202; color:#fff;border: 2px solid #fff;}
.footer_contact_us input[type='submit']:hover, .contact_us_form_holder input[type='submit']:hover,
.footer_contact_us input[type='submit']:focus, .contact_us_form_holder input[type='submit']:focus{
background-color:#1D1202; color:#ffcb08;}
.home_slider.royalSlider .rsABlock .more_details:hover:after, .home_slider.royalSlider .rsABlock .more_details:focus:after{
-moz-animation:icon 1s ease-in-out; -o-animation:icon 1s ease-in-out; -webkit-animation:icon 1s ease-in-out; animation:icon 1s ease-in-out;  }
.link_box:hover:before,.link_box:focus:before{
-moz-animation: ripple-in 0.8s ease-in-out; -o-animation: ripple-in 0.8s ease-in-out; -webkit-animation: ripple-in 0.8s ease-in-out; animation: ripple-in 0.8s ease-in-out;}
.under_slider_unit:hover, .under_slider_unit:focus{
background-image:url('../../files/slider_color/meuyan_top.svg');background-position:bottom center;background-size:88%;background-repeat: no-repeat;}
.under_slider_unit:hover .svg_img > path:first-of-type, .under_slider_unit:focus .svg_img > path:first-of-type{
fill:#ffffff}
.solution_unit .solution_content a.more_info:hover,
.solution_unit .solution_content a.more_info:focus{
color:#fff}
}
.br-IE .under_slider_unit .svg_img{
max-width:150px;max-height:150px;margin-top:57px;}
.br-IE .under_main_slider_right{
bottom:-153px;}
.ltr.br-IE .under_main_slider_right{
bottom:-8px;}
.br-IE .solutions_slider_wrap .solution_content_yellow_wrap{
background-size:300px 300px;}
.br-IE .solutions_slider .solution_unit figure img{
min-width:100%;height:240px;}
.br-IE .footer_contact_us .checkbox label::after,.br-IE .contact_us_form_holder .checkbox label::after{
right:-3px;}
.br-IE .solution_content_yellow_wrap{
background-size:390px 390px;}
.br-IE  .project_image_wrapper .solution_content_yellow_wrap{
background-size:460px 400px;}
.br-IE .project_image_wrapper img{
width: auto; }
.br-IE .footer_contact_us table,.br-IE .footer_contact_us table tbody, .br-IE .footer_contact_us table tr, .br-IE .footer_contact_us table tr td{
display:block}
.br-IE .flickity-lazyerror{
opacity: 1;}
.br-IE .project_image_wrapper figure{
min-width:350px;}
.project_image_wrapper{
position:relative; height:inherit; padding:0 5px;min-width:350px;}
.project_image_wrapper .solution_content_yellow_wrap{
background-size:320px}
.default_table{
border:1px solid #000;border-collapse: inherit; border-spacing: 0; }
.default_table tbody td, .default_table tbody th{
border:1px solid #000; padding:5px;}
.default_table tbody th{
font-weight:bold;}
.top_banner_image{
width:100%; padding-bottom:17%; position:relative; overflow:hidden}
.top_banner_image img{
width:100%; height:auto;position:absolute; top:0; right:0}
@media screen and (min-width: 1200px) and (max-width: 1400px){
.under_slider_unit{
height: 215px;}
.under_slider_unit .svg_img{
margin-top:58px}
}
@media screen and (min-width: 1024px) and (max-width: 1400px){
.under_slider_unit.active, .under_slider_unit:hover{
background-size: 69%;}
.home_slider.royalSlider .rsABlock h2{
font-size:2.3em}
.under_slider_unit h2, .ltr .under_slider_unit h2{
font-size: 1.1em; width: 65%;}
.under_main_slider{
height:95px; margin-top:-95px}
.under_slider_unit .svg_img{
width: 45%;}
.home_slider.royalSlider .rsABlock{
right:50px;top:162px}
.ltr .home_slider.royalSlider .rsABlock{
top:172px;}
.br-IE .under_main_slider_right{
bottom:-100px;}
.br-IE .under_slider_unit .svg_img{
max-width:100px; height:100px; margin-top:57px;}
.home_slider.royalSlider .rsABlock a{
font-size:1.1em; padding:0.5em; width:38%}
.home_slider.royalSlider .rsNav.rsBullets, body.hp .home_slider.royalSlider .rsNav.rsBullets{
top:147px; bottom:auto}
.ltr .home_slider.royalSlider .rsNav.rsBullets, body.hp.ltr .home_slider.royalSlider .rsNav.rsBullets{
top:157px; }
.under_main_slider_right{
bottom:-5px;}
.home_slider.royalSlider .rsABlock .more_details{
padding: 0.2em 0;}
}
@media screen and (min-width: 1024px) and (max-width: 1200px){
.under_slider_unit.active, .under_slider_unit:hover{
background-size: 190px 170px;}
.under_slider_unit{
height:170px}
.under_slider_unit .svg_img{
margin-top:23px;}
.under_slider_unit h2{
width:55%}
.br-IE .active.under_slider_unit, .under_slider_unit:hover{
background-size:150px 170px}
.br-IE .under_slider_unit .svg_img{
margin-top:18px;}
.br-IE .under_slider_unit h2{
width:65%}
}
@media screen and (max-width: 1280px){
}
@media screen and (max-width: 1150px){
h2.site-slogan{font-size:1.4em;}
}
@media screen and (max-width: 1024px){
.skip_to_content{
display:none;}
.home_slider.royalSlider .rsABlock{
right:4%;top: 165px;left:auto;width:96%}
.home_slider.royalSlider .rsABlock h2{
font-size:2.5em; max-width:85%}
.home_slider.royalSlider .rsABlock h2 span{
font-size:0.6em}
.home_slider.royalSlider .rsABlock a{
width:60%;padding:0.5em;font-size:1em;}
.home_slider.royalSlider .rsABlock p{
font-size:1em;line-height:1.1; max-height:2.2em;overflow:hidden}
.home_slider.royalSlider .rsABlock .more_details{
padding:0.3em 0 0}
.home_slider.royalSlider .rsNav.rsBullets, body.hp .home_slider.royalSlider .rsNav.rsBullets{
right:2%;top: 146px;}
.under_main_slider{
position:static;margin-top:0; height:auto;width:100%}
.under_main_slider .container{
position:static; width:100%; max-width:100%;padding:0}
.under_main_slider_right{
position:relative; width:100%;display:table; table-layout:fixed; bottom:0;}
.under_slider_unit{
padding:1.5em 0;display:table-cell;border:1px solid #D0D1D3;height:auto;float:none;border-right:0 none}
.under_slider_unit:first-child{
border-right:1px solid #D0D1D3;}
.under_slider_unit .svg_img{
display:none;}
.under_slider_unit h2{
width:100%; font-size:1.2em}
.under_main_slider_left{
position: absolute; top:100%; right: calc(50% - 165px)}
.under_slider_unit.active{
background:#0E85DA;position:relative;border:0 none;}
.under_slider_unit.active:after{
content:'';z-index:1;width: 0;height: 0;border-style: solid;border-width: 0 9px 10px 9px;border-color: transparent transparent #0E85DA transparent;position:absolute; bottom:100%;right:calc(50% - 4.5px )}
.ltr .under_slider_unit h2{
font-size:1em;}
.under_slider_unit{
padding:0.5em;}
.home_slider.royalSlider .rsNav.rsBullets .rsNavItem.rsBullet{
width:9px; height:9px;}
.home_slider.royalSlider .rsNav.rsBullets .rsNavItem.rsBullet.rsNavSelected{
border:2px solid #fff}
embed{
max-width:100%!important; height:auto;}
.mobile{
display:block}
.container{
max-width:auto; width:96%;padding:0}
.breadcrumbs{
display:none}
header{
padding:1em 0;}
.logo a{
display:block}
.logo img{
max-height:50px;}
.header_top{
padding:0;}
.hp header, .projects header, .environment header, .lobby-page header{
position: static;}
.header_top_left{
float:left;}
.lang h4{
padding-right:0;height:100%; width:100%;position:relative;}
.lang h4:before{
position:absolute;top:0;right:0; line-height:29px;}
.lang h4 a{
display:block; position:relative;height:100%; text-indent:-1000000%}
.lang h4 a:before{
text-align:left; bottom: 0; color: #fff;content: attr(data-lang);font-size: 18px; left: 0; line-height:29px;position: absolute;right: 0; text-indent: 0;top: 0;}
.header_top_left{
margin-left:55px;margin-top:9px; height:29px}
.lang{
width:35px;height: inherit;margin-right:1em;}
.lang:after{
display:none;}
.lang ul.lang_menu{
top:100%;}
.lang.active{
background-color:transparent}
.lang.active h4:before{
color:#fff}
.search{
height:inherit; width:35px; text-align:center;position:relative;overflow:hidden; transition:1s ease;}
.search a{
left:0;width: 35px;line-height:28px;}
.search input[type="text"]{
left:35px;width:150px;}
.search input[type="text"], .search a{
position:absolute;height:35px; padding:0;top:0;display:none;-moz-transition:1s ease; -o-transition:1s ease; -webkit-transition:1s ease; transition:1s ease;}
.search:before{
content:'\E810'; font-family:admir;width:100%; height:100%; font-size:1.5em; display: inline-block;line-height: 29px;}
.search.search_mobile input[type="text"] ,.search.search_mobile a{
display:block; background-color: rgba(0,0,0,1);padding: 0 0.3em;}
.search .search_wrap{
width:35px; -moz-transition:1s ease; -o-transition:1s ease; -webkit-transition:1s ease; transition:1s ease;height: 35px;top:0;left:0;position:absolute;overflow:hidden;z-index: 2;}
.search.search_mobile .search_wrap{
width:185px;overflow:visible}
.search.search_mobile{
overflow:visible;}
.inner_page_title h1{
font-size:2em}
.other_logos{
display:none}
.home_slider.royalSlider .rsABlock{
right:4%;top: 7%;left:auto;width:96%}
.home_slider.royalSlider .rsNav.rsBullets, body.hp .home_slider.royalSlider .rsNav.rsBullets{
bottom:10px; top:auto;}
.general_section{
padding:1em 0 2em}
.top_section_text{
padding:1em 0}
.top_section_text p{
padding:0; text-align:right;}
.top_section_text a{
margin-top:1em;}
.top_section_text h2{
font-size: 2em;margin-bottom:0.5em;}
.top_section_text h2:before, .contact_us_wrapper h2:before, .top_section_text h2:after, .contact_us_wrapper h2:after{
width:2em}
.profile_unit{
padding: 2em 1em 2em 1em;}
.solution_wrap .solution_unit{
width:49%; height:auto; margin:1em 0; margin-left:1%}
.solution_wrap .solution_unit:nth-child(2n){
margin-left:0}
.solution_wrap .solution_unit figure{
width:40%; display:inline-block; vertical-align:top}
.solution_wrap .solution_unit .solution_content_wrap{
position:static;text-align:right;padding-right:1em;width:55%; display:inline-block; opacity:1; background-color:transparent}
.solution_content_yellow_wrap{
background:transparent;}
.solution_content{
padding-top:0;color:#fff; width:100%; height:auto}
.solution_content a{
color:#fff}
.solution_unit figure img{
vertical-align:top;height:auto}
.solution_content .content{
height:auto}
.projects_gallery_wrappr figure img{
height:200px;}
.projects_gallery_wrappr figure{
height:auto}
.solution_content_wrap{
position:static;height:auto;background-color:transparent; opacity:1}
.logo_title{
background-size:100%}
.right_grid{
display:none}
.right_grid + .middle_grid{
width:100%}
.solutions_slider .solution_unit{
width:49%}
.solutions_slider .solution_unit figure{
height:auto;}
.solutions_slider .solution_unit figure img{
height:200px;}
.solutions_slider .solution_unit .solution_content_wrap{
position:static;opacity:1;height:150px;width:100%; background-color:transparent}
.solutions_slider .solution_unit_title_box{
display:none}
.solutions_slider .solution_content{
text-align:center;padding:1em;color:#1D1202;width:95%}
.solutions_slider .solution_content a{
color:#1D1202;}
.footer_contact_us{
width:38%; padding:1em}
.footer_nav{
width:100%}
.footer_contact_us .checkbox label{
padding:0.3em}
.footer_contact_us .checkbox label:after{
right:3px; top:-1px}
.footer_nav li.footer_nav_li{
padding-left:5px;}
.page_main_content{
padding-bottom:2em}
.hp .page_main_content{
padding-bottom:0}
.projects_application_wrap h3{
font-size: 1.4em;}
.projects_application_unit{
padding:1em; height:auto}
.contact_us_wrapper{
width:80%;margin:2em auto;}
.contact_us_section{
margin-top:0;}
.contact_us_wrapper h2{
font-size: 1.7em;}
.wide_content_section a.top_page_link{
width:7em;text-align:center;padding:0;font-size:1em;}
.solution_content h3{
font-size:1.2em; padding:0}
}
@media screen and (max-width: 920px){
.projects_application_wrap h3{
font-size: 1.1em;}
.wide_inner_page_slider .rsArrow.rsArrowRight .rsArrowIcn:after, .wide_inner_page_slider .rsArrow.rsArrowLeft .rsArrowIcn:after{
color: #fff;font-family: 'admir';font-size: 30px;position: absolute;top: calc(50% - 15px);}
.case_study_unit{
width:32%}
.movie_link, .download_link{
display:block}
.project_image_wrapper{
min-width:240px;}
}
@media screen and (max-width: 760px){
h2.site-slogan{display:none;}
.link_box{
padding:0.6em;}
.profile_unit a{
font-size:1em;}
.wide_inner_page_slider.royalSlider .rsABlock h2{
font-size:1.2em;padding:0.8em 1em}
.solutions_slider{
padding:2em 2.5em 1em;}
.solutions_slider_title{
padding-bottom:1em}
.solutions_slider_wrap{
padding:0.5em 0}
.inner_page_title h1{
font-size:1.5em}
.wide_content_section h2{
font-size:1.3em}
.general_content_text h3{
font-size:1.1em}
.general_content_text h2{
font-size:1.3em}
.col_4 article{
width:32%}
.projects_application_wrap h3{
font-size:1.3em;}
.col_4 article:nth-child(4n){
margin-left:1%}
.projects_gallery_rgba{
padding:2em 4em;}
.solutions_slider .solution_unit{
width:100%}
.footer_top{
display:block}
.footer_right{
width:100%;}
.footer_contact_us{
width:100%; display:block}
.footer_links_nav{
position:static; margin:1em 0;}
.case_study_unit{
width:49.5%}
.case_study_unit:nth-child(2n){
margin-left:0}
.footer_links_nav ul li{
margin-bottom:0.5em}
}
@media screen and (max-width: 640px){
.logo{
width:160px;}
.header_top_left{
margin-top:0; margin-left:55px;}
.lang{
margin-right:0.5em}
.home_slider.royalSlider .rsArrow .rsArrowIcn:after{
font-size:30px;}
.home_slider.royalSlider .rsArrow .rsArrowIcn{
width: 15px;
height: 45px;
}
.home_slider.royalSlider .rsArrow{
top:calc(50% - 22px)}
.home_slider.royalSlider .rsArrow.rsArrowLeft{
left:0;}
.home_slider.royalSlider .rsArrow.rsArrowRight{
right:0;}
.col_3 article{
width:100%;float:none; margin:2% auto;}
.solution_wrap .solution_unit{
width:100%; height:auto; margin:1em 0; margin-left:0}
.solution_wrap .solution_unit{
margin:3em auto;}
.col_3 article:last-child{
margin:2% auto;}
.solution_wrap .solution_unit figure{
width:50%; display:block; vertical-align:top; margin:auto;}
.solution_wrap .solution_unit .solution_content_wrap{
display:block; width:100%}
.solution_content{
margin:0.5em auto; text-align:center}
.wide_content_section a.top_page_link{
font-size:0.8em;}
.wide_inner_page_slider.royalSlider .rsABlock h2{
padding:0.5em 1em}
.royalSlider.rsFullscreen .rsContainer img{
height:auto!important; width:100%!important}
.footer_contact_us{
width:100%; float:none;margin-top: 0.5em;}
.footer_nav{
width:100%;float:none;}
.footer_nav_li ul{
display:none;}
.footer_contact_us table .pio-form-cell.pio-form-field input[type='text']{
padding:0.8em 1em}
.footer_contact_us input[type='submit']{
padding: 0.5em 1.8em;margin-left:0;}
.footer_nav li{
text-align:center;}
.footer{
padding-top:2em}
.footer_nav li.footer_nav_li h3{
font-size:1.1em}
.footer_nav li.footer_nav_li ul li a{
font-size:1em}
.footer_contact_us table .pio-form-cell.pio-form-field-title{
font-size:1em}
.footer_contact_us table .pio-form-cell.pio-form-field{
width:82%;padding-right:2%}
.copy_right, .copy_left{
float:none;}
.footer_copyright{
text-align:center}
.solutions_slider_title img{
width:70px;left:calc(50% - 35px);top:-71px;}
.inner_page_slider.royalSlider .rsABlock h2{
font-size:1em;}
.inner_page_slider.royalSlider .rsNav.rsBullets, .wide_inner_page_slider.royalSlider .rsNav.rsBullets{
bottom: 0.2em;padding: 0 0.2em;}
.projects_gallery_rgba{
padding:2em}
.projects_gallery_rgba .container{
width:100%}
.projects_gallery_wrappr{
margin:1em 0}
.projects_gallery_wrappr.flickity-rtl .flickity-prev-next-button.previous{
right: -38px}
.projects_gallery_wrappr.flickity-rtl .flickity-prev-next-button.next{
left:-38px;}
.projects_gallery_wrappr.flickity-rtl .flickity-prev-next-button{
width:50px; height:50px;}
.projects_gallery_wrappr figure img{
height:200px;}
.projects_gallery_wrappr figure{
height:auto}
.solution_content_wrap{
position:static;height:auto;background-color:transparent}
.general_summery, .general_body{
width:100%;padding:0}
}
@media screen and (max-width: 570px){
.col_4 article{
width:49%}
.contact_us_wrapper{
width:95%;margin:1em auto;}
.contact_us_content_holder{
padding:1.5em}
.contact_us_form_holder input[type='submit']{
margin:0.5em auto;font-size:1.2em}
.main_contact_us_text{
font-size:1.2em}
.contact_us_form_holder table .pio-form-field input{
font-size:1.1em}
.contact_us_form_holder table .pio-form-field-title{
font-size:1em;}
}
@media screen and (max-width: 460px){
.under_slider_unit h2{
width:100%; font-size:1em}
.home_slider.royalSlider .rsABlock h2{
font-size:1.3em;max-width:70%}
.col_3 article{
width:100%;}
.solution_content h3{
font-size:1.3em}
.wide_content_slider .rsFullscreenBtn .rsFullscreenIcn:after{
font-size:2.5em}
.footer_contact_us input[type='submit']{
width:100%; text-align:center;}
.projects_application_wrap h3{
font-size:1.1em}
.top_section_text h2, .contact_us_wrapper h2{
font-size: 1.5em;}
.top_section_text h2:before, .contact_us_wrapper h2:before, .top_section_text h2:after, .contact_us_wrapper h2:after{
width:1.5em}
.case_study_unit{
width:100%; margin-left:0}
.case_study_unit:nth-child(2n){
margin-left:0}
}
@media screen and (max-width: 390px){
.col_4 article{
width:100%}
.under_slider_unit h2{
font-size:0.8em}
}
moz-keyframes icon{
16.65% {
-webkit-transform: translateX(6px);
-moz-transform: translateX(6px);
-ms-transform: translateX(6px);
-o-transform: translateX(6px);
transform: translateX(6px);
}
33.3%{
-webkit-transform: translateX(-5px);
-moz-transform: translateX(-5px);
-ms-transform: translateX(-5px);
-o-transform: translateX(-5px);
transform: translateX(-5px);
}
49.95%{
-webkit-transform: translateX(4px);
-moz-transform: translateX(4px);
-ms-transform: translateX(4px);
-o-transform: translateX(4px);
transform: translateX(4px);
}
66.6%{
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25%{
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100%{
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@-ms-keyframes icon{
16.65% {
-webkit-transform: translateX(6px);
transform: translateX(6px);
}
33.3%{
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
49.95%{
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6%{
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25%{
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100%{
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes icon{
16.65% {
-webkit-transform: translateX(6px);
transform: translateX(6px);
}
33.3%{
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
49.95%{
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6%{
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25%{
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100%{
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes icon{
16.65% {
-webkit-transform: translateX(6px);
transform: translateX(6px);
}
33.3%{
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
49.95%{
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6%{
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25%{
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100%{
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes ripple-in{
100% {
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 1;
}
}
@keyframes ripple-in{
100% {
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 1;
}