body {
font-family: 'Montserrat', sans-serif;
margin:0px;
padding:0px;
overflow-x:hidden;	
}	

a {color:#ff5c00;}

pre {white-space:pre-wrap;word-wrap:break-word;}

a,.trans400,img,#cascade-slider .cascade-slider_item .read_more span,svg {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; 	
text-decoration:none;
overflow-wrap: break-word;
}	

header {
  display:flex;
  align-items:center; 
  background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(11,49,84,1) 140%);
background: -webkit-linear-gradient(45deg, rgba(3,3,3,1) 32%, rgba(22,59,103,1) 100%);
background: linear-gradient(left, rgba(0,0,0,1) 0%, rgba(11,49,84,1) 140%);
  border-bottom:1px solid #6a7179;
}	

header .logo {min-width:390px;width:30%;box-sizing:border-box;padding-left:60px;margin:32px 0px;}
header .menu-button-container,#menu-toggle {display:none;}
header #menu {
	flex-grow:1;
    margin:0px;
	padding:0px;
	display:flex;
	justify-content: space-around;
	list-style:none;
}
header .logo img {min-width:280px;}

header #menu a {color:white;font-weight:bold;font-size:24px;display:inline-block;postion:relative;padding-bottom:12px;}
header #menu a:hover,header #menu .active a {color:#ff5c00;}
section#video .top video { width:100%;min-height:700px;object-fit:cover;}
section#video .top {position:relative;}

section#video .top h1 {color:white;text-align:center;padding:10px;font-size:90px;margin:0px;}
header #menu .active a {border-bottom:2px solid white;}

section#video #top-box {position:relative;margin-top:-800px;}
section#video #top-box .inside {
background:url('../gfx/maska_video.png') no-repeat top left;
background-size:cover;
width:100%;
}	

section#video #top-box .inside {display:flex;}
section#video .left,section#video .right {width:50%;text-align:center;color:white;}

section#video #top-box h2 {border-top:1px solid white;padding-top:40px;margin-top:220px;font-size:48px;}
section#video #top-box p {max-width:580px;padding:0 20px 0 20px;font-size:20px;font-weight:300;margin:38px auto;line-height:28px;}
section#video #top-box .inside .left {border-right:1px solid white;}
section#video #top-box p.btn {border-radius:40px;max-width:none;display:inline-block;margin-top:10px;}
section#video #top-box p.btn a {
display:inline-block;padding:20px 58px;
background: linear-gradient(#030303, #030303) padding-box, linear-gradient(to left, #ff5c00, #ff8845) border-box;
border:1px solid transparent;
border-radius:40px;font-weight:bold;font-size:23px;color:white;line-height:23px;
}
section#video #top-box .right  p.btn a{
background: linear-gradient(to right,#040506, #05090d) padding-box, linear-gradient(to left, #5c8af4, #24bbc0) border-box;
}	

section#video #top-box p.btn a:hover {color:#ff5c00;}
section#video #top-box .right p.btn a:hover {color:#dadada;}
section#video #top-box h3 {color:#fff;text-align:center;margin:0;font-weight:700;font-size:20px;}

section#news {overflow:hidden;}
section#news h1 {
text-align:center;
font-weight:bold;
font-size:90px;
margin:62px 0px;		
}	

section#news .list-news {display:flex;}
section#news .list-news .box {width:25%;border-right:1px solid #707070;box-shadow: -5px 0px 38px 0px rgba(196, 196, 196, 0.75);position:relative;padding-bottom:90px;}
section#news .list-news .box figure {overflow:hidden;margin:0px;position:relative;border-bottom:1px solid #707070;border-top:1px solid #707070;}
section#news .list-news .box figure img {max-width:100%;display:block;margin:0px;}
section#news .list-news .box .txt {font-size:16px;text-align:justify;font-weight:300;padding:0px 30px 30px 30px;}
section#news .list-news .box .data {width:69px;height:69px;box-sizing:border-box;padding-top:5px;text-align:center;background:#ff5c00;color:white;position:absolute;top:0px;left:0px;font-size:11px;text-transform:uppercase;}
section#news .list-news .box .data span {font-weight:500;font-size:34px;line-height:44px;}
section#news .list-news .box h2 {font-size:24px;text-align:center;font-weight:600;line-height:31px;}
section#news .list-news .box .read-more {border-top:1px solid #707070;box-sizing:border-box;height:90px;text-align:left;position:absolute;bottom:0px;width:100%;font-weight:600;font-size:24px;padding-left:30px;padding-top:30px;background:url('../gfx/arrow.png') no-repeat 92% center;}
section#news .list-news .box a {position:absolute;top:0px;left:0px;width:100%;z-index:2;height:100%;}
section#news .list-news .box:hover .read-more {color:#ff5c00;}
section#news .list-news .box:hover img { transform: scale(1.2);}



section#projects {
	background: linear-gradient(45deg, rgba(3,3,3,1) 32%, rgba(22,59,103,1) 100%);
	color:white;
	font-size:24px;line-height:28px;font-weight:300;border-top:1px solid #707070;
}	

section#projects h2 {
  font-size: 90px;
  font-weight: 600;
  margin: 0px 0px 60px 0px;
}

section#projects .left {max-width:400px;}
section#projects .inside {padding:150px 6%;display:flex;justify-content: space-between;align-items:center;}

section#projects .btn a {display:inline-block;background: rgb(255,136,69);
background: linear-gradient(130deg, rgba(255,136,69,1) 0%, rgba(255,92,0,1) 100%);font-weight:600;color:white;font-size:27px;padding:25px 80px;border-radius: 40px;margin-top:40px;}
section#projects .btn a:hover {background: linear-gradient(130deg, rgba(255,92,0,1) 0%, rgba(255,92,0,1) 100%);}
section#projects .right {flex-grow:1;margin-left:145px;}


section#media {text-align: center;background: rgb(2,0,36);border-top:1px solid #ff5c00;background: linear-gradient(225deg, rgba(3,3,3,1) 32%, rgba(22,59,103,1) 100%);background-size: auto 100%;color: white;}
section#media .inside {padding:150px 6%;display:flex;justify-content: space-between;align-items:center;}	
section#media .inside .list {display:flex;flex-wrap:wrap;align-items:center;width:730px;}
section#media .inside .list .box {width:33.33333%;box-sizing:border-box;border-right:1px solid #5a5a5c;border-bottom:1px solid #5a5a5c;position:relative;}
section#media .inside .list .box a {display:block;padding:0px 15px;height:180px;width:265px;box-sizing:border-box;position:relative;}
section#media .inside .list .box img {max-width:100%;position:absolute;top:50%;left:50%; -ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
section#media .inside .list .box:nth-child(3n) {border-right:0px;}
section#media .inside .list .box:nth-child(7),section#media .inside .list .box:nth-child(8),section#media .inside .list .box:nth-child(9) {border-bottom:0px;}
section#media .inside .list .box:hover img {opacity:0.5;}
section#media .inside .right {margin-left:20%;text-align:right;font-weight:300;font-size:24px;line-height:28px;}
section#media .inside .right h2 {font-size:90px;font-weight:600;margin:0px 0px 60px 0px;}
section#media .inside .btn a {display:inline-block;background: rgb(255,136,69);
background: linear-gradient(130deg, rgba(255,136,69,1) 0%, rgba(255,92,0,1) 100%);font-weight:600;color:white;font-size:27px;padding:25px 80px;border-radius: 40px;margin-top:40px;}
section#media .inside .btn a:hover {background: linear-gradient(130deg, rgba(255,92,0,1) 0%, rgba(255,92,0,1) 100%);}

section#read_more {overflow:hidden;border-top:1px solid #e95400;}
section#read_more .list-news {display:flex;}
section#read_more .list-news .box {width:25%;border-right:1px solid #707070;box-shadow: -5px 0px 38px 0px rgba(196, 196, 196, 0.75);position:relative;padding-bottom:90px;}	
section#read_more .list-news .box .txt {font-size:16px;text-align:justify;font-weight:300;padding:0px 30px 30px 30px;}	
section#read_more .list-news h3 {color:#ff5c00;font-weight:600;font-size:140px;margin:0px;height:90px;}

section#read_more .list-news .box .read-more {border-top:1px solid #707070;box-sizing:border-box;height:90px;position:absolute;bottom:0px;width:100%;font-weight:600;font-size:22px;padding-right:40px;padding-left:30px;padding-top:15px;padding-bottom:15px;background:url('../gfx/arrow.png') no-repeat 96% center;display:flex;align-items:center;}
section#read_more .list-news .box .read-more img {margin-left:10px;max-width:90%;margin-right:30px;float:right;max-width:130px;max-height:70px;}
section#read_more .list-news .box .read-more div {width:50%;}
section#read_more .list-news .box a {position:absolute;top:0px;left:0px;width:100%;z-index:2;height:100%;}
section#read_more .list-news .box:hover .read-more {color:#ff5c00;}

.with-gradient {overflow:hidden;position:relative;}
.gradient_top {top:-10px;position:absolute;left: 50%;transform: translateX(-50%) scaleY(1);width:100%;opacity:0;-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;z-index:2;}
.gradient_top img {max-width:100%;}
.gradient_bottom img {max-width:100%;margin-bottom:3px;}
.gradient_bottom {bottom:-10px;position:absolute;left: 50%;transform: translateX(-50%) scaleY(1);width:100%;opacity:0;-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;z-index:2;}
.gradient_bottom.active,.gradient_top.active {opacity:1;transform: translateX(-50%) scaleY(1);}



section#quick-facts {background: rgb(2,0,36);
background: linear-gradient(45deg, rgba(2,0,36,1) 0%, rgba(3,3,3,1) 32%, rgba(22,59,103,1) 100%);color:white;border-top:1px solid #707070;
}
.dots {
background: url('../gfx/dots.png') center center, linear-gradient(45deg, rgba(3,3,3,1) 32%, rgba(22,59,103,1) 100%);	
}

section#quick-facts .inside {
padding:130px 6% 290px 6%;
}	
section#quick-facts .list {display:flex;}
section#quick-facts .list .box {flex-shrink: 1;width:25%;padding:80px 30px;text-align:center;flex-grow:0;position:relative;
border:1px solid;border-image-slice: 1;border-width: 1px;border-image-source: linear-gradient(to bottom, #ec9f05, #ff5c00);border-right:0px;}
section#quick-facts .list .box:last-child {border-right:1px solid;}
section#quick-facts .list .box h2 {font-size:80px;margin:0px 0px 40px 0px;}
section#quick-facts .list .box h3 {font-size:24px;margin:0px;}
section#quick-facts h1 {font-size:90px;margin:0px 0px 70px 0px;}
section#quick-facts .list .box figure {margin:0px;position:absolute;top:0px;left:0px;}
section#quick-facts .triangle {display: inline-block;width: 0;height: 0;border-style: solid;border-width: 83px 83px 0 0;border-color: #ff5c00 transparent transparent transparent;}
section#quick-facts .list .box figure img {position:absolute;top:10px;left:10px;}

section#contact {
padding:135px;text-align:center;
background: rgb(2,0,36);
border-top:1px solid #707070;
background: url('../gfx/contact.png') no-repeat center center, linear-gradient(225deg, rgba(3,3,3,1) 32%, rgba(22,59,103,1) 100%);	
background-size:auto 100%;color:white;
}	

section#contact h1 {font-size:90px;margin:0px 0px 30px 0px;}
section#contact p {max-width:880px;padding:0px 60px;font-weight:300;font-size:24px;line-height:28px;display:block;margin:0px auto;}
section#contact a {display:inline-block;margin:60px auto 0px auto;padding:26px 100px;background:white;color:black;font-weight:600;color:black;font-size:27px;border-radius:40px;}
section#contact a:hover {background:#ff5c00;color:white;}



footer {
  background:black;
  text-align:center;
  color:rgba(255,255,255,0.5); 
  font-size:12px;  
  font-weight:300;
  line-height:12px;
  text-transform:uppercase;
  padding:25px 10px;
}
footer a {color:rgba(255,255,255,0.5)}



.carousel {
  padding: 20px;
  perspective: 500px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.carousel > * {
  flex: 0 0 auto;
}
.carousel figure {
  margin: 0;
  width: 40%;
  transform-style: preserve-3d;
  transition: transform 0.5s;
}
.carousel figure div {
  width: 100%;
  box-sizing: border-box;
  padding: 0 0px;
}
.carousel figure div img {max-width:100%;}

.carousel figure div:not(:first-of-type) {
  position: absolute;
  left: 0;
  top: 0;
}
.carousel nav {
  display: flex;
  justify-content: center;
  margin: 20px 0 0;
}
.carousel nav button {
  flex: 0 0 auto;
  margin: 0 5px;
  cursor: pointer;
  color: #333;
  background: none;
  border: 1px solid;
  letter-spacing: 1px;
  padding: 5px 10px;
}


section#page {
border-top:0px solid #6a7179;
border-bottom:1px solid #787065;
background: linear-gradient(45deg, rgba(3,3,3,1) 32%, rgba(22,59,103,1) 100%);
color: white;
text-align:center;	
}	
section#page.contact .dots {padding:100px 0px 100px 0px;}
section#page.contact h1,section#page.media h1,section#page.about .dots h1,section#page.newsroom .dots h1 {
margin:0px 0px 50px 0px;
font-size:90px;	
}	

section#page.contact,section#page.media {font-size:27px;font-weight:300;line-height:32px;}
section#page.contact #contact-boxes {justify-content:center;display:flex;align-items:center;margin:40px 0px 160px 0px;}
section#page.contact #contact-boxes .box:first-child {border-right:1px solid #6b737e;}
section#page.contact #contact-boxes .box {padding:90px 50px;text-align:center;}
section#page.contact #contact-boxes .box .inside {border:1px solid #474747;background:#060606;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
section#page.contact #contact-boxes .box h2 {margin:0px;background:#ebebeb;padding:10px 50px;color:black;font-size:30px;line-height:30px;-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;}
section#page.contact #contact-boxes .box .inside div {padding:52px 30px;font-size:24px;font-weight:600;}
section#page.contact #contact-boxes .box .inside div span.orange {color:#ff5c00;}
section#page.contact #contact-boxes .box .inside div span.blue {color:#0073cb;}

section#page.media .dots {
padding:190px 0px 240px 0px;
border-bottom:1px solid #737373;
position:relative;	
}	
section#page.media {border-bottom:1px solid #707070;}
section#page.media .dots p {
max-width:820px;margin:60px auto 0px auto;	
}	

.references {text-align:left;}

section#page.media .dots:after,section#page.about .dots:after,section#page.newsroom .dots:after {
content:"";
display:inline-block;
width:1px;
height:180px;
position:absolute;
bottom:0px;
left:50%;
background:#858585;
z-index:3;	
}	


section#page.media #media-list {
background:white;display:flex;flex-wrap:wrap;	
}	

section#page.media #media-list .media-box {width:25%;border-top:1px solid #707070;border-right:1px solid #707070;box-sizing:border-box;margin-bottom:-1px;z-index:2;position:relative;}
section#page.media #media-list .media-box:nth-child(4n) {border-right:0px;}

section#page.media #media-list .articles {height:0px;overflow:hidden;opacity:0;}
section#page.media #media-list .media-box figure {height:240px;position:relative;}
section#page.media #media-list .media-box figure img {max-width:90%;max-height:90%;position:absolute;top:50%;left:50%; -ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
section#page.media #media-list .media-box .btn {background:#f8f8f8;border-top:1px solid #707070;padding:25px 10px;border-top:1px solid #707070;border-bottom: 1px solid #707070;}
section#page.media #media-list .media-box .btn a {font-size:24px;font-weight:600;color:black;background:url('../gfx/arrow_show.png') no-repeat center right;padding-right:50px;display:inline-block;margin:0px auto;}
section#page.media #media-list .media-box .btn a:hover {color:#fc4f03;}
section#page.media #media-list .media-box.active .btn a {background:url('../gfx/arrow_hide.png') no-repeat center right;background-size:20px auto;}

section#page.media #media-list .articles ol {font-size:16px;text-align:left;color:black;padding:20px 20px 20px 30px;margin:0px;box-sizing:border-box;}
section#page.media #media-list .articles ol a {color:black;font-weight:500;font-size:16px;line-height:22px;}
section#page.media #media-list .articles ol li {margin:8px 0px;line-height:22px;}
section#page.media #media-list .articles ol a:hover {color:#fc4f03;}

section#page.about,section#page.newsroom {background:none;}
section#page.about .dots,section#page.newsroom .dots {font-size: 27px;
font-weight: 300;line-height: 32px;position:relative;
background:url('../gfx/dots.png') center center, linear-gradient(45deg, rgba(3,3,3,1) 32%, rgba(22,59,103,1) 100%);
padding:200px 0px 280px 0px;
}
section#page.newsroom .dots p {
max-width:700px;margin:10px auto 0px auto;	
}	
section#page.about .dots p {
max-width:700px;margin:60px auto 0px auto;	
}	

section#page.about .white {display:flex;background:url('../gfx/dots_white.png') center center;}
section#page.about .white .left,section#page.about .white .right,section#page.about .white .left .inside div {width:50%;}
section#page.about .white .left {border-right:1px solid #464646;}
section#page.about .white .inside {border-top:1px solid #464646;border-bottom:1px solid #464646;margin:120px 0px;}

section#page.about .white .left .inside {display:flex;align-items:center;}
section#page.about .white .left .photo img {display:block;position:relative;margin:0px;max-width:100%;}
section#page.about .white .left .inside .title {font-size:72px;color:black;font-weight:bold;padding:0px 6%;text-align:left;}
section#page.about .white .right {display: flex; align-items: stretch;}
section#page.about .white .right .inside {background:black;}
section#page.about .white .right h2,section#page.about .white .right h3 {margin:0px;background:white;color:black;padding:0px 60px;text-align:left;}
section#page.about .white .right h2 {padding-top:35px;font-size:58px;}
section#page.about .white .right h3 {padding-bottom:30px;padding-top:0px;font-size:16px;font-weight:600;}
section#page.about .white .right .inside div {font-size:20px;font-weight:300;padding:58px;line-height:32px;text-align:justify;}

section#page.about .links {display:flex;align-items:center;margin-bottom:150px;background:black;position:relative;}
section#page.about .links .left {font-size:60px;font-weight:bold;color:white;background:black;padding:0px 6%;}
section#page.about .links .right {flex-grow:1;border-top:1px solid #464646;}
section#page.about .links .line {display:flex;align-items:center;background:#f8f8f8;border-bottom:1px solid #464646;font-size:22px;color:black;font-weight:300;padding:35px 0px;}
section#page.about .links .line .title {width:55%;padding:0px 20px;}
section#page.about .links .line .link {text-align:left;width:45%;padding:0px 40px;}
section#page.about .links .line .link a {color:black;padding-right:60px;background:url('../gfx/arrow.png') no-repeat right center;display:block;}
section#page.about .links .line .link a:hover {color:#fc4f03;}
section#page.about .links:after {content:"";width:1px;height:150px;background:#464646;position:absolute;bottom:-150px;left:50%;}	


section#page.about .milestones .dots {
background: url('../gfx/dots.png') center center, linear-gradient(-45deg, rgba(3,3,3,1) 32%, rgba(22,59,103,1) 100%);
padding:80px 0px 150px 0px;overflow:hidden;
}	
section#page.about .milestones h2 {margin:30px 0px 50px 0px;font-size:90px;position:relative;z-index:5;}
section#page.about .milestones .dots:after {
	top:220px;height:100%;background:#f8fdff;
}	
section#page.about .milestones .list {display:flex;align-items:top;justify-content:center;}
section#page.about .milestones .list .box {display:flex;position:relative;margin:100px;max-width:500px;border:2px solid #bbbbbb;border-radius:10px;background:white;color:black;font-size:17px;font-weight:500;line-height:22px;align-items:center;}
section#page.about .milestones .list .right {padding-top:110px;}
section#page.about .milestones .list .box .info {border-left:1px solid #ff5c00;padding:25px 20px;text-align:left;}
section#page.about .milestones .list .right .box .info {border-left:0px;border-right:1px solid #ff5c00;}
section#page.about .milestones .list .box .date {font-weight:800;font-size:32px;line-height:28px;padding:10px 15px;}
section#page.about .milestones .list .box .date span {color:#ff5c00;}
section#page.about .milestones .list .box:after {content:"";display:inline-block;width:100px;height:1px;position:absolute;bottom:50%;right:-102px;background:#f8fdff;}	
section#page.about .milestones .list .right .box:after {bottom:50%;right:0px;left:-102px;}

section#page.about .milestones .mobile-list.list {display:none;}


section#page.newsroom  section#news {color:black;position:relative;}
section#page.newsroom  section#news .list-news {flex-wrap:wrap;}
section#page.newsroom  section#news .list-news .box {box-sizing:border-box;margin-bottom:65px;border-bottom:1px solid #707070;}
section#page.newsroom  section#news:after {
content:"";display:inline-block;width:1px;height:100%;position:absolute;top:0;right:50%;background:#707070;	
}	
section#page.newsroom .newsroom-single figure {margin:0px;position:relative;}
section#page.newsroom .newsroom-single {max-width:1098px;margin:0px auto;border-right:1px solid #707070;border-left:1px solid #707070;color:black;text-align:justify;box-shadow: -5px 0px 38px 0px rgba(196, 196, 196, 0.75);}
section#page.newsroom .newsroom-single figure img {width:100%;display:block;margin:0px;position:relative;max-height:500px;object-fit:cover}
section#page.newsroom .newsroom-single .inside {padding:0px 50px 50px 50px;font-weight:500;line-height:31px;}
section#page.newsroom .newsroom-single h1 {font-size:36px;text-align:center;margin:45px 0px;font-weight:600;}
section#page.newsroom .newsroom-single .inside p {margin-bottom:20px;margin-top:0px;}
section#page.newsroom .newsroom-single .bread {border-bottom:1px solid #707070;padding:15px 50px;}
section#page.newsroom .newsroom-single .bread a {color:black;font-size:14px;font-weight:600;padding:4px 30px;background:url('../gfx/arrow_back.png') no-repeat left center;}
section#page.newsroom .newsroom-single .bread a:hover {color:#ff5c00;}
section#page.newsroom .newsroom-single figure .data {
width:70px;height:70px;position:absolute;top:0px;left:0px;background:#ff5c00;color:white;text-align:center;font-weight:500;font-size:34px;line-height:14px;box-sizing:border-box;padding-top:20px;}
section#page.newsroom .newsroom-single figure .data span {font-weight:500;font-size:11px;}

section#research {display:flex;border-bottom:1px solid #707070;border-top:1px solid #707070;align-items:stretch;}
section#research #menu-left {background:black;color:white;width:20%;min-width:320px;text-transform:uppercase;}
section#research #menu-left ul li {padding:0;}
section#research .gray {background:#f8f8f8;padding:30px 50px;font-weight:300;font-size:24px;line-height:28px;}
section#research #offer {flex-grow:0;}
section#research .gray p {margin-bottom:35px;}
section#research .boxes figure {margin:0px;overflow:hidden;}
section#research .boxes figure img {display:block;margin:0px;max-height:450px;}
section#research .boxes .list {display:flex;}
section#research .boxes .list .box {width:25%;box-sizing:border-box;padding-bottom:1px;padding-left:1px;position:relative;}
section#research .boxes .list .box:after {
content:"";
position:absolute;
bottom:1px;
left:0px;
right:0px;
height:180px;
box-sizing:border-box;	
background: -moz-linear-gradient(top, rgba(125,185,232,0) 0%, rgba(3,3,3,0.47) 47%, rgba(3,3,3,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(125,185,232,0) 0%,rgba(3,3,3,0.47) 47%,rgba(3,3,3,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(125,185,232,0) 0%,rgba(3,3,3,0.47) 47%,rgba(3,3,3,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#030303',GradientType=0 ); 
}	

section#research #menu-left h4 {font-size:13px;padding:5px 0px 5px 28px;background:url('../gfx/home.png') no-repeat left center;margin-left:20px;}
section#research #menu-left ul {list-style:none;margin:0px;padding:0px;}
section#research #menu-left > ul {border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;position:sticky;position: -webkit-sticky;top:0;}
section#research #menu-left ul li {font-weight:600;font-size:13px;position:relative;margin-top:-1px;}
section#research #menu-left ul li li {font-weight:300;font-size:12px;}
section#research #menu-left a {color:white;display:block;}
section#research #menu-left ul > li a {border-top:1px solid #363636;border-bottom:1px solid #363636;padding:20px 55px 20px 10px;position:relative;}
section#research #menu-left ul li li  a {padding:10px 20px;border:0px;font-weight:500;}
section#research #menu-left ul ul {display:none;overflow: hidden;padding:0px;box-sizing:border-box;}
section#research #menu-left a:hover {color:#ff5c00;}
section#research #menu-left a span {display:inline-block;width:55px;border-left:1px solid #363636;position:absolute;right:0px;top:0px;height:100%;background:url('../gfx/menu_open.png') no-repeat center center;}
section#research #menu-left ul li.active ul {display:block !important;margin-top:20px;margin-bottom:20px;}
section#research #menu-left ul li.active a span {background:url('../gfx/menu_close.png') no-repeat center center;}

section#research #menu-left ul > li:first-child {margin-top:0px;}


section#research .boxes .list .box .title {position:absolute;bottom:25px;width:90%;left:5%;z-index:3;text-align:center;color:white;}

section#research .boxes .list .box .title h2 {font-weight:500;font-size:30px;margin:0px;}
section#research .boxes .list .box .title h4 {display:inline-block;margin:8px auto;font-weight:500;font-size:14px;border-bottom:1px solid #666964;padding:0px 16px 4px 0px;
background:url('../gfx/arrow.png') no-repeat right center;background-size:auto 8px;}
section#research .boxes .list .box a {z-index:4;position:absolute;top:0px;left:0px;width:100%;height:100%;}
section#research .boxes .list .box:hover figure img {transform: scale(1.2);}
section#research .boxes .list .box:hover h4 {color:#ff5c00;}

section#research .dots {
	background: url('../gfx/dots.png') center center, linear-gradient(-45deg, rgba(3,3,3,1) 32%, rgba(22,59,103,1) 100%);	
}


section#research .dots  .txt {display:flex;align-items:center;}
section#research .dots  .txt .left  {padding-left:50px;}
section#research .dots  .txt .left h1 {color:white;font-size:72px;padding-right:50px;}	
section#research .dots  .txt .right {padding-right:50px;font-size:22px;font-weight:300;color:white;}
section#research.research-single h1 {color:white;font-weight:bold;text-align:center;font-size:90px;margin:0px;line-height:100px;}
section#research.research-single .dots {padding:110px 20px;}
section#research.research-single #info {border-left:18px solid #ff7800;}
section#research.research-single #info h2,section#research.research-single #newsroom h2,section#research.research-single #faq h2 {background:#f9ebdf;border-bottom:1px solid #707070;margin:0px;padding:50px 100px;font-size:60px;}
section#research.research-single #info .inside {padding:30px 100px 50px 100px;font-size:18px;line-height:28px;font-weight:300;color:black;}
section#research.research-single #info ul {list-style:none;padding:0px;margin-top:0px;}
section#research.research-single #info li {padding-left:20px;background:url('../gfx/list_li.svg') no-repeat left center;display:block;}
section#research.research-single #newsroom {border-left:18px solid #185599;overflow-x:hidden}
section#research.research-single #newsroom h2 {background:#e1e7ee;}
section#research.research-single #newsroom .list-news {display:flex;}
section#research.research-single #newsroom .list-news .box {width:33.33333%;border-right:1px solid #707070;box-shadow: -5px 0px 38px 0px rgba(196, 196, 196, 0.75);position:relative;padding-bottom:90px;}	
section#research.research-single #newsroom .list-news .box .txt {font-size:17px;text-align:justify;font-weight:400;padding:0px 30px 30px 30px;line-height:24px;}	
section#research.research-single #newsroom .list-news h3 {color:#ff5c00;font-weight:600;font-size:140px;margin:0px;height:90px;}
section#research.research-single #newsroom .list-news figure {margin:0px;position:relative;overflow:hidden;}
section#research.research-single #newsroom .list-news .box .read-more {border-top:1px solid #707070;box-sizing:border-box;height:90px;position:absolute;bottom:0px;width:100%;font-weight:600;font-size:24px;padding-left:30px;padding-top:15px;padding-bottom:15px;background:url('../gfx/arrow.png') no-repeat 92% center;display:flex;align-items:center;}
section#research.research-single #newsroom .list-news .box .read-more img {margin-left:10px;max-width:100%;}
section#research.research-single #newsroom .list-news .box a {position:absolute;top:0px;left:0px;width:100%;z-index:2;height:100%;}
section#research.research-single #newsroom .list-news .box:hover .read-more {color:#ff5c00;}
section#research.research-single #newsroom  .list-news .box .data {width: 69px;height: 69px;box-sizing: border-box;padding-top: 5px;text-align: center;background: #ff5c00;color: white;position: absolute;top: 0px;left: 0px;font-size: 11px;text-transform: uppercase;}
section#research.research-single #newsroom  .list-news .box .data span {font-weight: 500;font-size: 34px;line-height: 44px;}
section#research.research-single #newsroom .list-news figure img {width:100%;display:block;margin:0px;}
section#research.research-single #newsroom .list-news .box h2 {font-size: 24px;text-align: center;font-weight: 600;line-height: 31px;background:none;border:0px;padding:0px;margin:40px 0px;}
section#research.research-single #newsroom .list-news .box:hover img {transform: scale(1.2);}

section#research.research-single #faq {border-left:18px solid #ffba00;}
section#research.research-single #faq h2 {background:#f9f2df;}
section#research.research-single #faq .line .txt {display: none;overflow: hidden;box-sizing: border-box;margin:20px 0px;}
section#research.research-single #faq .line {padding:30px 100px;border-bottom:1px solid #707070;}
section#research.research-single #faq .line h3 {cursor:pointer;margin:0px;font-weight:300;font-size:24px;background:url('../gfx/arrow_show.png') no-repeat right center;}
section#research.research-single #faq .line h3:hover {color:#ff5c00;}
section#research.research-single #faq .line.active .txt {display: block !important;font-size:18px;font-weight:300;line-height:28px;}
section#research.research-single #faq .line.active h3 {background:url('../gfx/arrow_hide.png') no-repeat right center;}
section#research.research-single #faq .line .references {font-size:14px;line-height:28px;font-weight:400;color:black;font-style:italic;}
section#research.research-single #faq .line .references h4 {font-size:16px;line-height:28px;font-weight:700;color:black;}
section#research.research-single #faq .line .references ul {padding:0;}
section#research.research-single #faq .line .references ul li {list-style:none;background:none;padding:0;}

section#research.research-single #codes {border-left:18px solid #119e17;}
section#research.research-single #codes h2 {background:#e0efe1;border-bottom:1px solid #707070;margin:0px;padding:50px 100px;font-size:60px;}
section#research.research-single #codes .inside {padding:30px 100px 50px 100px;font-size:18px;line-height:28px;font-weight:300;color:black;}

section#research.research-single #details {border-left:18px solid #df0000;}
section#research.research-single #details h2 {background:#f5dfdf;border-bottom:1px solid #707070;margin:0px;padding:50px 100px;font-size:60px;}
section#research.research-single #details .inside {padding:30px 100px 50px 100px;font-size:18px;line-height:28px;font-weight:300;color:black;}
section#research.research-single #details .line .references {font-size:14px;line-height:28px;font-weight:400;color:black;font-style:italic;}
section#research.research-single #details .line .references h4 {font-size:16px;line-height:28px;font-weight:700;color:black;}
section#research.research-single #details .line .references ul {padding:0;}
section#research.research-single #details .line .references ul li {list-style:none;background:none;padding:0;}

section#research.research-single #vendor {border-left:18px solid #a027d2;}
section#research.research-single #vendor h2 {background:#efe3f4;border-bottom:1px solid #707070;margin:0px;padding:50px 100px;font-size:60px;}
section#research.research-single #vendor .inside {padding:30px 100px 50px 100px;font-size:18px;line-height:28px;font-weight:300;color:black;}

section#research ul li {padding-left:20px;background:url('../gfx/list_li.svg') no-repeat left top 7px;display:block;}


.cascade-slider_container {
  position: relative;
  width:68%;
  height: 580px;
  padding-bottom:120px;
  margin: 0 auto;
}

.cascade-slider_item {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%) scale(0.3);
  transition: all 1s ease;
  opacity: 0;
  z-index: -1;
}

.cascade-slider_item.next {
  left: 50%;
  transform: translateY(-50%) translateX(-150%) scale(0.7);
  opacity: 1;
  z-index: 1;
}

.cascade-slider_item.prev {
  left: 50%;
  transform: translateY(-50%) translateX(50%) scale(0.7);
  opacity: 1;
  z-index: 1;
}

.cascade-slider_item.now {
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%) scale(1.2);
  opacity: 1;
  z-index: 5;
}

.cascade-slider_arrow {
  display: inline-block;
  position: absolute;
  bottom:-20px;
  cursor: pointer;
  z-index: 5;
}

.cascade-slider_arrow-left { left:40%; }

.cascade-slider_arrow-right { right:40%; }


.cascade-slider_arrow svg {fill:#838383;}
.cascade-slider_arrow:hover svg {fill:#ff5c00;}



.box figure {margin:0;}
#cascade-slider .box {
box-shadow: offset-x offset-y blur-radius spread-radius rgba(0, 0, 0, opacity) inset; 
}
#cascade-slider .box img {max-width:100%;display:block;margin:0px;min-height:400px;object-fit:cover;}}
#cascade-slider .box figure {margin:0;}
#cascade-slider .box {position:relative;text-align:center;margin:20px;min-height:400px;}
#cascade-slider .box h2 {position:absolute;z-index:3;bottom:50px;width:100%;left:0;margin:0px;font-weight:500;font-size:18px;line-height:24px;}
#cascade-slider .cascade-slider_item.now .box h2 {font-size:24px;line-height:30px;bottom:50px;padding:0px 10px;box-sizing:border-box;}
#cascade-slider .read_more {position:absolute;bottom:20px;width:100%;z-index:2;font-size:11px;font-weight:500;line-height:11px;}
#cascade-slider .read_more span {display:inline-block;margin:0px auto;padding-bottom:5px;border-bottom:1px solid #838283;padding-right:12px;background:url('../gfx/arrow.png') no-repeat right center;background-size:6px auto;}
#cascade-slider .cascade-slider_item.now .read_more {font-size:15px;bottom:15px;line-height:15px;}
#cascade-slider .cascade-slider_item.now .read_more span {padding-right:20px;background-size:9px auto;}
#cascade-slider .cascade-slider_item a.link {position:absolute;top:0px;left:0px;width:100%;z-index:3;height:100%;}
#cascade-slider .cascade-slider_item:hover span {color:#ff5c00;}
		

#cascade-slider .box:after {
content:"";
position:absolute;
bottom:0px;
height:40%;
background: -moz-linear-gradient(top, rgba(125,185,232,0) 0%, rgba(3,3,3,0.47) 47%, rgba(3,3,3,1) 100%);
background: -webkit-linear-gradient(top, rgba(125,185,232,0) 0%,rgba(3,3,3,0.47) 47%,rgba(3,3,3,1) 100%);
background: linear-gradient(to bottom, rgba(125,185,232,0) 0%,rgba(3,3,3,0.47) 47%,rgba(3,3,3,1) 100%);
width:100%;
left:0;	
}	

#cascade-slider .cascade-slider_item .line_top,#cascade-slider .cascade-slider_item .line_bottom,#cascade-slider .cascade-slider_item .line_left,#cascade-slider .cascade-slider_item .line_right {
position:absolute;content:"";background:#828384;z-index:6;	
}	
#cascade-slider .cascade-slider_item .line_top {top:0px;left:-19px;right:-19px;height:1px;}
#cascade-slider .cascade-slider_item .line_bottom {bottom:-3px;left:-19px;right:-19px;height:1px;}
#cascade-slider .cascade-slider_item .line_left {top:-19px;bottom:-19px;left:-6px;width:1px;}
#cascade-slider .cascade-slider_item .line_right {top:-19px;bottom:-19px;right:-6px;width:1px;}
#cascade-slider .cascade-slider_item.now .line_left {left:-2px;}
#cascade-slider .cascade-slider_item.now .line_right {right:-2px;}

.mobile-btns {display:none;}
#menu-left-mobile {display:none;}
/* Mobile */



@media all and (max-width: 900px) {
	ul {padding-left:20px;}
	section#contact {padding:40px 20px;}
	section#contact h1 {font-size:36px;}
	section#contact p {font-size:14px;padding:0px;}
	section#contact a {font-size:16px;padding:12px 60px;margin-top:30px;}
	
	section#quick-facts h1 {font-size:36px;text-align:center;}
	section#quick-facts .inside {padding:40px 20px;}
	section#quick-facts .list {display:block;}
	section#quick-facts .list .box {padding: 60px 20px;width:100%;box-sizing:border-box;border:1px solid;border-image-slice: 1;border-width: 1px;border-image-source: linear-gradient(to bottom, #ec9f05, #ff5c00);}
	section#quick-facts .list .box h3 {font-size:20px;}
	
	section#media .inside {padding:60px 20px 120px 20px;  -webkit-flex-flow: column-reverse;flex-flow: column-reverse;}
	section#media .inside .right {margin-left:0px;text-align:center;font-size:14px;}
	section#media .inside .left,section#media .inside .right {width:100%;}
	section#media .inside .right h2 {font-size:36px;line-height:36px;text-align:center;margin-bottom:30px;}
	section#media .inside .btn a {font-size:16px;padding:10px 60px;margin:20px auto 40px auto;}
	section#media .inside .list .box:nth-child(3),section#media .inside .list .box:nth-child(6),section#media .inside .list .box:nth-child(9) {display:none;}
	section#media .inside .list {width:100%;padding:0px;box-sizing:border-box;}
	section#media .inside .list .box {width:50%;}
	section#media .inside .list .box a {width:100%;padding:0px;height:140px;position:relative;box-sizing:border-box;}
	section#media .inside .list .box img {max-width:70%;}
	section#media .inside .list .box:nth-child(2),section#media .inside .list .box:nth-child(5),section#media .inside .list .box:nth-child(8) {border-right:0px;}
		
	section#projects .inside {display:block;padding:60px 20px 120px 20px;text-align:center;font-size:14px;line-height:18px;}
	section#projects h2 {font-size:36px;line-height:36px;margin-bottom:20px;}
	section#projects .inside .btn a {font-size:16px;padding:10px 60px;margin:20px auto 40px auto;}
	section#projects .right {margin-left:0px;}
	.cascade-slider_container {width:100%;height:450px;}
	.cascade-slider_item {display:none;}
	.cascade-slider_item.now {display:block;width:80%;}
	.cascade-slider_arrow-left {left:50%;margin-left:-80px;}
	.cascade-slider_arrow-right {right:50%;margin-right:-80px;}
	#cascade-slider .cascade-slider_item.now .box h2 {font-size:24px;}
	#cascade-slider .cascade-slider_item.now .read_more {font-size:13px;}
	section#video #top-box .inside {display:block;}
	section#video .left, section#video .right {width:100%;}
	
	section#page.contact #contact-boxes .box:first-child {border:0px;}
	section#page.contact #contact-boxes {display:block;margin-bottom:0px;}
	section#page.contact #contact-boxes .box {padding:30px 20px;}	
	section#page.contact h1 {font-size:36px;text-align:center;margin-bottom:30px;}
	section#page.contact {font-size:14px;line-height:18px;}
	section#page.contact #contact-boxes .box h2 {font-size:16px;line-height:16px;}
	section#page.contact #contact-boxes .box .inside div {font-size:13px;line-height:16px;padding:32px 20px;}
	section#page.contact .dots {padding-top:40px;}
	
	section#page.newsroom .dots::after,section#page.newsroom section#news::after,section#page.media .dots::after,section#page.about .dots::after  {display:none;}
	
	section#page.newsroom .dots h1,section#page.media .dots h1,section#page.about .dots h1 {font-size:36px;text-align:center;margin-bottom:30px;}
	section#page.media .dots,section#page.about .dots {font-size:14px;line-height:18px;padding:50px 20px 60px 20px;}
	section#page.newsroom .dots {font-size:14px;line-height:18px;padding:50px 20px 30px 20px;}
	section#page.newsroom .list-news {display:block;}
	section#page.newsroom section#news .list-news .box {width:100%;padding-bottom:50px;}
	section#page.newsroom section#news .list-news .box h2 {font-size:18px;line-height:24px;}
	section#news .list-news .box .read-more {text-align:left;font-size:18px;line-height:24px;background-size:12px auto;padding-top:15px;height:60px;}
	section#page.newsroom .newsroom-single .bread,section#page.newsroom .newsroom-single .inside {padding-left:20px;padding-right:20px;}
	section#page.newsroom .newsroom-single h1 {font-size:24px;line-height:32px;margin:20px 0px;}
	section#page.newsroom .newsroom-single .inside {font-size:14px;line-height:24px;}
	section#page.media #media-list .media-box {width:100%;}
	section#page.media #media-list .media-box figure {height:auto;margin:30px;display:flex;min-height:150px;align-items:center;justify-content:center;}
	section#page.media #media-list .media-box figure img {position:relative;top:0px;left:0px;transform:none;-ms-transform:none;max-width:70%;max-height: 70%;}
	section#page.media #media-list .articles ol a {font-size:14px;line-height:18px;}
	section#page.media #media-list .media-box .btn a {font-size:18px;background-size:20px auto;}
	section#page.media #media-list .media-box .btn {padding:15px 20px;}
	
	section#page.about .dots p {margin-top:20px;margin-bottom:0px;}
	section#page.about .white {display:block;}
	section#page.about .white .left, section#page.about .white .right, section#page.about .white .left .inside div {width:100%;}
	section#page.about .white .left .inside {display:block;margin:0px 0px;}
	section#page.about .white .left .inside .title {text-align:center;font-size:36px;padding:60px 20px;}
	section#page.about .white .left .inside .title {padding: 60px 0px;}
	
	section#page.about .white .right .inside {border:0px;margin:30px 0px;}
	section#page.about .white .right h2, section#page.about .white .right h3 {padding:0px 20px;text-align:center;}
	section#page.about .white .right h2 {font-size:36px;}
	section#page.about .white .right h3 {padding-bottom:40px;}
    section#page.about .white .right .inside div {font-size:14px;line-height:24px;padding:28px 20px;}
	section#page.about .links {display:block;margin-bottom:0px;}
	section#page.about .links .left {font-size:36px;padding:50px 20px;}
	section#page.about .links .line {display:block;font-size:14px;line-height:18px;text-align:left;}
	section#page.about .links .line .title,section#page.about .links .line .link {width:100%;box-sizing:border-box;}
	section#page.about .links .line .link {padding:10px 20px;}
	section#page.about .links .line .link a {display:inline-block;padding-right:30px;background-size:12px auto;}
	section#page.about .links::after {display:none;}
	section#page.about .milestones h2 {font-size:36px;line-height:36px;margin-bottom:90px;}
	section#page.about .milestones .list {display:none;}
		section#page.about .milestones .mobile-list.list {display:block;}
	section#page.about .milestones .list .box {margin:30px 20px;}
	section#page.about .milestones .list .box:after {display:none;}
	section#page.about .milestones .list .right {padding-top:0px;}
	section#page.about .milestones .list .box .date {font-size:18px;line-height:18px;}
	section#page.about .milestones .list .box .info {font-size:11px;line-height:16px;padding:15px 10px;}
	section#page.about .milestones .dots {padding-top:30px;padding-bottom:70px;}
	section#page.about .milestones .dots:after {content: "";display: inline-block;width: 1px;height: 180px;position: absolute;bottom: 0px;top: 120px;height: 100%;background: #f8fdff;} 
	
	section#page.about .white .right .inside {background:white;}
	section#page.about .white .right .inside div {background:black;}
	
section#video #top-box {margin-top:-580px;margin-bottom:0px;}
	
	section#video #top-box .inside {background-size:cover;}
	header {display:block;position:relative;z-index:6;background:black;}
	header .logo {padding:30px 20px;max-width:60%;min-width:20px;width:auto;margin:0px;}
	header .logo img {max-width:100%;}
	section#video .top video {min-height:600px;width:100%;object-fit:cover;}
	section#video .top h1 {font-size:34px;line-height:38px;margin-bottom:20px;}
	section#video #top-box h2 {font-size:36px;padding-top:35px;}
	section#video #top-box .inside .left {border-right:0px;border-top:0px;}
	section#video #top-box p {font-size:14px;line-height:22px;margin:20px;padding:0px;}
	section#video #top-box p.btn {margin-bottom:30px;}
	section#news h1 {font-size:36px;line-height:48px;margin:30px;}
	section#news .list-news .box {border:1px solid #707070;box-shadow: -5px 0px 38px 0px rgba(196, 196, 196, 0.75); }
	section#news .list-news .box,section#read_more .list-news .box {width:100%;flex: 0 0 100%;}
	section#news .list-news .box .txt h2 {font-size:18px;line-height:24px;}
	section#news .list-news .box .txt {font-size:14px;line-height:24px;padding-bottom:20px;}
	section#read_more .list-news h3 {font-size:80px;line-height:90px;height:50px;}
section#read_more .list-news .box .txt {font-size:18px;line-height:34px;}
section#read_more .list-news .box .read-more {font-size:18px;height:80px;}
section#read_more .list-news .box .read-more img {max-height:50px;}

section#read_more .list-news .box {border:1px solid #707070;box-shadow: -5px 0px 38px 0px rgba(196, 196, 196, 0.75);} 

#homepage .list-news {overflow-x:scroll !important;-ms-overflow-style: none !important;
  scrollbar-width: none !important;padding-bottom:40px !important;flex-wrap:inherit !important;}

#homepage .list-news::-webkit-scrollbar {
    display: none;
} 
.list-news {flex-wrap:wrap;}

header .menu-button-container {
  display:block;
  position:absolute;
  top:30px;
  right:15px;
  padding:20px 15px;
  width: 30px;
  cursor: pointer;
}

header .menu-button, header .menu-button:before, header .menu-button:after {
  display: block;
  background-color:white;
  position: absolute;
  height: 2px;
  width: 30px;
  transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
  border-radius: 2px;
}

.menu-button:before {
  content: "";
  margin-top: -8px;
}

.menu-button:after {
  content: "";
  margin-top: 8px;
}

header #menu-toggle:checked + .menu-button-container .menu-button:before {
  margin-top: 0px;
  transform: rotate(405deg);
}

header #menu-toggle:checked + .menu-button-container .menu-button {
  background: rgba(255, 255, 255, 0);
}

header #menu {display:block;}
header #menu a {font-size:24px;font-weight:500;padding:8px 0px;display:block;}
header #menu-toggle:checked + .menu-button-container .menu-button:after {
  margin-top: 0px;
  transform: rotate(-405deg);
}

#menu-toggle ~ #menu li {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  opacity:0;
  transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

header #menu-toggle:checked ~ #menu li {
  border-bottom: 1px solid #333;
  height: 2.5em;
  padding:5px 20px;
  opacity:1;
  transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.mobile-btns {display:flex;align-items:center;justify-content:center;margin-bottom:40px;margin-top:0px;}
.mobile-btns svg {fill:#3a3a3a;cursor:pointer;}
header #menu .active a {border:0px;padding-bottom:0px;}



section#research #menu-left {display:none;}
section#research {display:block;}
section#research .dots .txt {display:block;}
section#research .dots .txt .left {padding:10px 20px 0px 20px;}
section#research .dots .txt .left h1 {font-size:36px;margin:0px 0px 20px 0px;}
section#research .dots .txt .right {font-size:14px;line-height:18px;padding:0px 20px;text-align:justify;padding-bottom:20px;}
section#research .gray {padding:10px 20px;font-size:14px;line-height:24px;}
section#research .boxes .list {display:block;}
section#research .boxes .list .box {width:100%;padding-left:0px;}
section#research .dots {position:relative;z-index:7;}


section#research #menu-left-mobile {
  background: black;
  color: white;
  width:100%;
  text-transform: uppercase;
  display:block;
}

section#research #menu-left-mobile ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

section#research #menu-left-mobile ul li {
  font-weight: 600;
  font-size: 13px;
  position: relative;
  margin-top: -1px;
  padding-left:0px;
}

section#research #menu-left-mobile ul > li a {
  border-top: 1px solid #363636;
  border-bottom: 1px solid #363636;
  padding: 20px 55px 20px 20px;
  position: relative;
}

section#research #menu-left-mobile a {
  color: white;
  display: block;
}

section#research #menu-left-mobile a.nag {
padding-left:50px;background: url('../gfx/home.png') no-repeat 20px center;	
}	

section#research #menu-left-mobile ul ul {
  display: none;
  overflow: hidden;
  padding: 0px;
  box-sizing: border-box;
}
header .logo img {min-width:230px;}

section#research #menu-left-mobile a span {
  display: inline-block;
  width: 55px;
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  background: url('../gfx/menu_open.png') no-repeat center center;
}

section#research #menu-left-mobile ul li.active a.nag span {
  background: url('../gfx/menu_close.png') no-repeat center center;
}

section#research #menu-left-mobile ul li.active ul.sub,section#research #menu-left-mobile ul li.active ul.sub li.active ul {
  display: block !important;
}

section#research #menu-left-mobile ul li.active ul.sub li.active a.snag span { background: url('../gfx/menu_close.png') no-repeat center center;}

section#research #menu-left-mobile.sticky {position:fixed;top:0px;width:100%;z-index:10;}
section#research.research-single h1 {font-size:36px;line-height:44px;}
section#research.research-single .dots {padding:30px 20px;}

section#research.research-single #info h2, section#research.research-single #newsroom h2, section#research.research-single #faq h2 {font-size:24px;padding:20px 20px;}
section#research.research-single #info .inside,section#research.research-single #codes .inside,section#research.research-single #details .inside,section#research.research-single #vendor .inside {padding:10px 20px;font-size:14px;line-height:24px;}
section#research.research-single #faq .line {padding:20px 20px;}
section#research.research-single #faq .line h3 {font-size:16px;padding-right:20px;background-size:15px auto;}
section#research.research-single #faq .line.active h3 {background-size:15px auto;}
section#research.research-single #faq .line.active .txt {font-size:14px;line-height:24px;}
section#research.research-single #codes h2,section#research.research-single #details h2,section#research.research-single #vendor h2 {font-size:24px;padding:20px 20px;}

section#research.research-single #newsroom .list-news .box {width: 100%;flex: 0 0 100%;border: 1px solid #707070;box-shadow: -5px 0px 38px 0px rgba(196, 196, 196, 0.75);}
section#research.research-single #newsroom .mobile-btns {padding-bottom:20px;margin:0px;}
section#research.research-single #newsroom .list-news .box h2 {font-size: 18px;line-height: 24px;margin:20px 0px;}
section#research.research-single #newsroom .list-news .box .txt {font-size: 14px;line-height: 24px;padding: 0px 20px 0px 20px;}
section#research.research-single #newsroom .list-news .box .read-more {text-align: left;font-size: 18px;line-height: 24px;background-size: 12px auto;padding-top: 15px;height: 60px;}
section#news .list-news .box figure img {max-width:none;width:100%;}
section#projects .left {max-width:none;}
section#page.about .milestones .list .box {max-width:none;z-index:9999;}
section#research .boxes figure img {max-width:none;width:100%;}
section#research #menu-left-mobile ul li.active ul.sub ul li a {font-size:12px;padding:15px 55px 15px 40px;}

	}
	
	
	
@media all and (min-width: 600px) and (max-width: 900px) {	
	section#research.research-single #newsroom .list-news .box,section#news .list-news .box, section#read_more .list-news .box {width:50%;flex: 0 0 50%;flex-grow:1;}
	#cascade-slider .box img {max-width:none;width:100%;}
	.cascade-slider_item.now {width:50%;}
	.cascade-slider_container {height:600px;}
	section#video #top-box .inside {display:flex;}
	section#video #top-box .inside .left {border-right: 1px solid white;}
	section#video #top-box h2 {font-size:28px;}
	section#video #top-box p.btn a {font-size:18px;padding:10px 68px;}
	section#page.about .white .left .photo img {width:100%;max-width:none;}
	section#page.about .links .line {font-size:18px;line-height:24px;}
	section#page.about .links .line .link a {display:block;}
    section#page.about .milestones .list .box .info {font-size:14px;line-height:18px;padding: 25px 30px;}
	section#page.about .milestones .list .box .date {font-size:20px;line-height:24px;}
	section#page.media #media-list .media-box {width:50%;}
	section#page.media #media-list .media-box figure {height:160px;}
	section#page.media #media-list .media-box figure img {max-width: 90%;max-height: 90%;position: absolute;top: 50%;left: 50%;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
	section#page.newsroom .list-news {display:flex;}
	section#research .boxes .list {display:flex;flex-wrap:wrap;}
	section#research .boxes .list .box {width:50%;padding-left:1px;}
	section#research.research-single #faq .line h3 {font-size:18px;}
	section#video #top-box h2 {border-top:1px solid white;padding-top:30px;margin-top:100px;}
	section#video #top-box {margin-top:-480px;}
}	

@media all and (min-width: 901px) and (max-width: 1300px) {

	header .logo img {min-width:250px;}
	section#page.about .milestones h2 {font-size:36px;line-height:36px;margin-bottom:90px;}
	section#page.about .milestones .list {display:none;}
		section#page.about .milestones .mobile-list.list {display:block;}
	section#page.about .milestones .list .box {margin:30px 20px;}
	section#page.about .milestones .list .box:after {display:none;}
	section#page.about .milestones .list .right {padding-top:0px;}
	section#page.about .milestones .list .box .date {font-size:18px;line-height:18px;}
	section#page.about .milestones .list .box .info {font-size:11px;line-height:16px;padding:15px 10px;}
	section#page.about .milestones .dots {padding-top:30px;padding-bottom:70px;}
	section#page.about .milestones .dots:after {content: "";display: inline-block;width: 1px;height: 180px;position: absolute;bottom: 0px;top: 120px;height: 100%;background: #f8fdff;} 
section#page.about .milestones .list .box {display:flex;z-index:9999;position:relative;margin:40px auto;max-width:500px;border:2px solid #bbbbbb;border-radius:10px;background:white;color:black;font-size:17px;font-weight:500;line-height:22px;align-items:center;}

   section#news .list-news {flex-wrap:wrap;}
   section#news .list-news .box {width:50%;box-sizing:border-box;}
   section#read_more .list-news .box .read-more {display:block;height:120px;padding-left:20px;padding-right:20px;font-size:18px;background-size:10px auto;position:relative;}
   section#read_more .list-news .box .read-more img {margin-left:0px;max-width:60%;margin-top:10px;}
   section#read_more .list-news .box .txt {padding:0px 20px 20px 20px;}
   section#read_more .list-news .box {padding-bottom:0px;}
   section#quick-facts .list {flex-wrap:wrap;}
   section#quick-facts .list .box {width:50%;box-sizing:border-box;border-right: 1px solid;}
   section#quick-facts .list .box:nth-child(1),section#quick-facts .list .box:nth-child(3) {border-right:0px;}
   section#read_more .list-news h3 {font-size:70px;height:50px;}
   section#news h1 {font-size:80px;margin:40px 0px;}
   section#contact {padding:100px;}
   section#projects .inside {display:block;}
   section#projects .left {max-width:none;text-align:center;}
   section#projects .right {margin-left:0px;}
   section#projects h2 {font-size:80px;line-height:90px;}
   section#projects .inside {padding-top:80px;}
   section#video #top-box h2 {margin-top:120px;}
   section#video #top-box {margin-top:-600px;}
   header .logo {max-width:290px;min-width:20px;padding-left:20px;padding-right:20px;box-sizing:border-box;}
   header .logo img {max-width:100%;}
   header #menu a {font-size:22px;}
   section#video .top h1 {font-size:50px;}
   section#news .list-news .box figure img {max-width:none;width:100%;}
   section#news .list-news .box:nth-child(4),section#news .list-news .box:nth-child(2) {border-right:0px;}
   section#media .inside .right {margin-left:40px;width:50%;}
   section#media .inside .list {width:auto;}
   section#media .inside .right h2 {font-size:70px;}
   section#media .inside .list .box a {width:100%;}
   section#media .inside .left {width:45%;}
   section#media .inside .list .box img {max-width:70%;}
   section#media .inside .right {font-size:22px;}
   section#media .inside .btn a {padding:15px 60px;}
   section#page.about .white .left .inside .title {font-size:60px;}
   section#page.about .white .right h2 {font-size:50px;line-height:40px;}
   section#page.about .links .left {padding:0px 40px;font-size:40px;}
   section#page.about .links .line {font-size:18px;}
   section#page.about .links .line .link {padding:0px 20px;}

   section#page.contact #contact-boxes .box {padding:70px 20px;}
   section#page.contact #contact-boxes .box h2 {padding:10px 20px;font-size:22px;}
   section#page.contact #contact-boxes .box .inside div {padding:32px 20px;font-size:15px;font-weight: 600;}
   section#page.contact h1, section#page.media h1, section#page.about .dots h1, section#page.newsroom .dots h1 {font-size:70px;}
   section#page.contact, section#page.media {font-size:24px;}
   section#page.media #media-list .media-box figure {margin:20px;}
   section#page.media #media-list .media-box figure img {max-width:70%;max-height:70%;}
   section#page.media #media-list .media-box .btn a {font-size:14px;padding-right:30px;background-size:12px auto;}
   section#page.media #media-list .articles ol {font-size:15px;}
   section#page.about .dots, section#page.newsroom .dots {padding-top:140px;}
   section#research .dots .txt {display:block;}
   section#research .dots .txt .left h1 {margin:0px;}
   section#research .dots .txt .left { padding:20px;}
   section#research .dots .txt .right {padding: 0px 20px 40px 20px;}
   section#research .dots .txt .left h1 {font-size:65px;}
   section#research #menu-left {min-width:20px;width:25%;}
   section#research #offer {width:75%;}
   section#research #menu-left ul > li a {padding: 20px 40px 20px 15px;}
   section#research #menu-left a span {width:35px;}
   section#research .gray {background: #f8f8f8;padding:20px;font-weight: 300;font-size: 20px;line-height: 26px;}
   section#research .boxes .list .box .title h2 {font-size:22px;line-height:26px;margin-bottom:10px;}
   section#research.research-single h1 {font-size:70px;}
   section#research.research-single .dots {padding:90px 20px;}
   section#research.research-single #info h2, section#research.research-single #newsroom h2, section#research.research-single #faq h2,section#research.research-single #vendor h2,section#research.research-single #details h2,section#research.research-single #codes h2 {padding:30px 40px;font-size:50px;}
   section#research.research-single #info .inside,section#research.research-single #codes .inside,section#research.research-single #details .inside,section#research.research-single #vendor .inside {padding: 30px 40px 50px 40px;}
   section#research.research-single #faq .line {padding:30px 40px;}
   section#research.research-single #newsroom .list-news .box .txt {padding:0px 15px 15px 15px;}
   section#research.research-single #newsroom .list-news .box h2 {font-size:18px;line-height:24px;margin:20px 0px;}
   section#research.research-single #newsroom .list-news .box .txt {font-size:14px;line-height:20px;}
   section#research.research-single #newsroom .list-news .box .read-more {font-size:18px;background-size:15px auto;height:70px;}
   section#research.research-single #faq .line h3 {font-size:20px;padding-right:30px;background-size:20px auto;}
   section#research.research-single #faq .line.active h3 {background-size:20px auto;}
   section#research.research-single #faq .line.active .txt {font-size:16px;line-height:26px;}
}	

@media all and (max-width: 599px) {
	section#video #top-box h2 {margin-top:0px;}
	.gradient_bottom {display:none;}
	.cascade-slider_arrow {bottom:-60px;}
	section#video #top-box h3 {font-size:14px;}
}	

@media all and (min-width: 1301px) and (max-width: 1500px) {
	section#page.contact #contact-boxes .box .inside div {font-size:18px;}
	section#page.contact #contact-boxes .box h2 {font-size:24px;}
	section#page.contact h1, section#page.media h1, section#page.about .dots h1, section#page.newsroom .dots h1 {font-size:80px;}
	section#research.research-single h1,section#quick-facts h1,section#contact h1 {font-size:70px;line-height:90px;}
	.cascade-slider_arrow-left {left:20%;}
	.cascade-slider_arrow-right {right:20%;}
	section#projects .right {margin-left:70px;}
	section#projects .left {max-width:350px;}
	section#projects h2,section#media .inside .right h2 {font-size:60px;}
	section#projects,section#media .inside .right {font-size:20px;line-height:26px;}
	section#projects .btn a,section#media .inside .btn a {padding: 18px 70px;font-size:25px;}
	section#quick-facts .list .box h2 {font-size:60px;}
	section#quick-facts .list .box h3 {font-size:18px;line-height:28px;}
	section#media .inside .right {margin-left:10%;}
	section#contact {padding:90px;}
	section#projects .inside {padding-top:100px;}
}	

@media all and (min-width: 1301px) {
section#video .top h1 {font-size:80px;line-height:80px;}
section#video #top-box {margin-top:-650px;}
.cascade-slider_container {padding-bottom:20px;}
.cascade-slider_arrow-right {right:35%;}
.cascade-slider_arrow-left {left:35%;}
section#research #offer {width:80%;}
}	
@media all and (min-width: 1601px) {
section#video #top-box {margin-top:-750px;}
}	
@media all and (min-width: 1801px) {
section#video #top-box {margin-top:-850px;}
section#video #top-box h2 {margin-top:270px;}
}	

@media all and (min-width: 1280px) and (max-width: 1700px) {
section#page.about .white .right .inside div {font-size:16px;font-weight:300;padding:28px;line-height:22px;text-align:justify;}
}

@media all and (min-width: 901px) and (max-width: 1700px) {
section#page.about .white .right .inside div {font-size:16px;font-weight:300;padding:28px;line-height:22px;text-align:justify;}
}