.font-11{font-size: 11px;}
.font-12{font-size: 12px;}
.font-13{font-size: 13px;}
.font-14{font-size: 14px;}
.font-15{font-size: 15px;}
.font-16{font-size: 16px; line-height:1.6;}
.font-17{font-size: 17px;}
.font-18{font-size: 18px;}
.font-19{font-size: 19px;}
.font-20{font-size: 20px;}
.font-21{font-size: 21px;}
.font-22{font-size: 22px;}
.font-23{font-size: 23px;}
.font-24{font-size: 24px;}
.font-25{font-size: 24px;}
.font-26{font-size: 26px;}
.font-27{font-size: 27px;}
.font-28{font-size: 28px;}
.font-29{font-size: 29px;}
.font-30{font-size: 30px;}
.font-31{font-size: 31px;}
.font-32{font-size: 32px;}
.font-33{font-size: 33px;}
.font-34{font-size: 34px;}
.font-35{font-size: 35px;}
.font-36{font-size: 36px;}
.font-37{font-size: 37px;}
.font-38{font-size: 38px;}
.font-39{font-size: 39px;}
.font-40{font-size: 40px;}
.font-41{font-size: 41px;}
.font-42{font-size: 42px;}
.font-43{font-size: 43px;}
.font-44{font-size: 44px;}
.font-45{font-size: 45px;}
.font-46{font-size: 46px;}
.font-47{font-size: 47px;}
.font-48{font-size: 48px;}
.font-49{font-size: 49px;}
/*.font-50{font-size: 50px;}*/
.font-51{font-size: 51px;}
.font-52{font-size: 52px;}
.font-53{font-size: 53px;}
.font-54{font-size: 54px;}
.font-55{font-size: 55px;}
.font-56{font-size: 56px;}
.font-57{font-size: 57px;}
.font-58{font-size: 58px;}
.font-59{font-size: 59px;}
.font-60{font-size: 50px;}
.font-61{font-size: 61px;}
.font-62{font-size: 62px;}
.font-63{font-size: 63px;}
.font-64{font-size: 64px;}
.font-65{font-size: 65px;}
.font-66{font-size: 66px;}
.font-67{font-size: 67px;}
.font-68{font-size: 68px;}
.font-69{font-size: 69px;}
.font-70{font-size: 70px;}



@font-face {
  font-family: 'GTWalsheim-Black';
  src: url('../fonts/GTWalsheim-Black.eot?#iefix') format('embedded-opentype'),  url('../fonts/GTWalsheim-Black.woff') format('woff'), url('../fonts/GTWalsheim-Black.ttf')  format('truetype'), url('GTWalsheim-Black.svg#GTWalsheim-Black') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'GTWalsheim-Medium';
  src: url('../fonts/GTWalsheim-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/GTWalsheim-Medium.woff') format('woff'), url('../fonts/GTWalsheim-Medium.ttf')  format('truetype'), url('GTWalsheim-Medium.svg#GTWalsheim-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GTWalsheim';
  src: url('../fonts/GTWalsheim.eot?#iefix') format('embedded-opentype'),  url('../fonts/GTWalsheim.woff') format('woff'), url('../fonts/GTWalsheim.ttf')  format('truetype'), url('../fonts/GTWalsheim.svg#GTWalsheim') format('svg');
  font-weight: normal;
  font-style: normal;
}







a{
    text-decoration: none;
}

body {
/*    background-color: #1d1d1d;*/
    margin: 0;
    padding: 0;
    position: relative;
    
}
*{
    outline-color: transparent;
}

header{ padding: 20px; -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -ms-transition:all 0.5s ease;
    -o-transition:all 0.5s ease; 
    transition:all 0.5s ease; }
header.affix{ background-color: #000; padding: 10px; }


/*************** SCROLLBAR BASE CSS ***************/
 
.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}
 
.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}
 
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}
 
.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}
 
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}
 
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}
 
.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}
 
 
 
 
/*************** SIMPLE OUTER SCROLLBAR ***************/
 
.scrollbar-outer > .scroll-element,
.scrollbar-outer > .scroll-element div
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}
 
.scrollbar-outer > .scroll-element {
    background-color: #ffffff;
}
 
.scrollbar-outer > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
 
.scrollbar-outer > .scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    width: 100%;
}
 
.scrollbar-outer > .scroll-element.scroll-y {
    height: 100%;
    right: 0;
    top: 0;
    width: 12px;
}
 
.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer { height: 8px; top: 2px; }
.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer { left: 2px; width: 8px; }
 
.scrollbar-outer > .scroll-element .scroll-element_outer { overflow: hidden; }
.scrollbar-outer > .scroll-element .scroll-element_track { background-color: #eeeeee; }
 
.scrollbar-outer > .scroll-element .scroll-element_outer,
.scrollbar-outer > .scroll-element .scroll-element_track,
.scrollbar-outer > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
 
.scrollbar-outer > .scroll-element .scroll-bar { background-color: #d9d9d9; }
.scrollbar-outer > .scroll-element .scroll-bar:hover { background-color: #c2c2c2; }
.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }
 
 
/* scrollbar height/width & offset from container borders */
 
.scrollbar-outer > .scroll-content.scroll-scrolly_visible { left: -12px; margin-left: 12px; }
.scrollbar-outer > .scroll-content.scroll-scrollx_visible { top:  -12px; margin-top:  12px; }
 
.scrollbar-outer > .scroll-element.scroll-x .scroll-bar { min-width: 10px; }
.scrollbar-outer > .scroll-element.scroll-y .scroll-bar { min-height: 10px; }
 
 
/* update scrollbar offset if both scrolls are visible */
 
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -14px; }
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -14px; }
 
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -14px; }
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -14px; }



.banner{ height: 600px; width: 100%; background-repeat: no-repeat; background-size: cover;  }
.banner .inner{
position: absolute;
top: 90%;
left: 50%;
-webkit-transform: translate(-50%,-30%);
transform: translate(-50%,-30%);
text-align: center;
}
.banner .inner h1
{
font-size: 60px;
line-height: 80px;
text-transform: uppercase;

letter-spacing: 4px;
}
.banner .inner p
{
text-transform: uppercase;
font-size: 16px;
line-height: 16px;

letter-spacing: 4px;
}


.section{ position: relative;}


.body-wrapper {
    position: relative;
     overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}
.body-wrapper.in{ position: relative; overflow-y: hidden; }
.header
{
position: fixed;
top: 0;
left: 0;
z-index: 2001;

width: 100%;
}

 
.navOverlay.in{ 
overflow-y: hidden;
background-color:#28496a;
transition: .4s ease-in-out;
transform: translate(0%, 0%);
z-index: 99;
}

.orangeline:before {
    list-style-type: none;
    margin-bottom: 35px;
    position: absolute;
    content: "";
    height: 30px;
    width: 4px;
    background: #ff731e;
    left: -25px;
    border-radius: 25px;
    top: 0;
}
.nav-menu-wrapper .main-nav li a {
    transition: all ease-in-out 0.5s;
}
.nav-menu-wrapper .main-nav li a:hover {
    color:#ff731e;
}
.navOverlay {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transform: translate(100%, 0%);
    transition: all .8s ease-in-out;
}

.burger-btn {
    width: 50px;
    height: 45px;
    z-index: 5000; position: relative;
    text-align: center;
    cursor: pointer;
    float: right;
    background: transparent; padding: 10px;
    opacity: 1;
    transition: all .8s ease-in-out;
}
.burger {
    position: relative;
    z-index: 9999999999;
}
.burger-btn .icon-bar {
    background-color: #000;
    height: 3px;
    position: absolute;
    width: 30px;
    left: 0;
    transition: all .2s ease-in-out;
}
.burger-btn.opend .icon-bar.one {
    top: 12px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #fff;
}
.burger-btn.opend .icon-bar.two {
    -webkit-transform: scale(0);
    transform: scale(0);
    background-color: #fff;
}
.burger-btn.opend .icon-bar.three {
    top: 12px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #fff;
}
.burger-btn .icon-bar.one { top: 1px; }
.burger-btn .icon-bar.two { top: 11px; }
.burger-btn .icon-bar.three { top: 21px;}
.nav-menu-wrapper {
    position: absolute;
    top: 50%;
    right: 5%;
    opacity: 0;
    transition: all 0.8s ease-in-out;
    left: 25%;
    transform: translate(-15%,-50%);
    text-align: left;
    width: 80%;
}

.nav-menu-wrapper.slide-in {
 
    opacity: 1;
}
.nav-menu-wrapper .main-nav li{
list-style-type: none;
margin-bottom: 35px;
position: relative;
}
.nav-menu-wrapper .main-nav li a{

text-transform: uppercase;

line-height: 36px;
padding-bottom: 3px;
border-bottom: 1px solid transparent;
transition: all .2s ease-in-out;
text-decoration: none;
color: #fff;
outline: none;
 font-family: 'GTWalsheim';
}














.nav-menu-wrapper .main-nav li a span{

line-height: 16px;
margin-right: 18px;

}
.nav-menu-wrapper .social-nav li 
{
display: inline-block;
padding: 10px;
font-size: 17px;
}
.nav-menu-wrapper .social-nav li a
{
  color: #fff;
}
.navi{
  display: none;
}
/**/



.listli{
    display: none;
  }
  .listli ul li {display: none;}



.abs-div {
    position: absolute;
    top: 2%;
    left: 40%;
    width: 40%;   
}
.aboutabsdiv{
    position: absolute;
    top: 15%;
    left: 40%;
    height: 500px;
    width: 40%;      
}

.devtesting-absdiv {
   }



.subli ul li {
    padding: 8px 0 8px 30px;
}
.subli ul li a{
transition: all ease-in-out 0.5s;
border-bottom:2px solid transparent;

}
.subli ul li a:hover{
    color:#ff731e;
    border-bottom:2px solid #ff731e;
}
.subli{
    color:#fff;
   
}
.subli:hover{
    color:#ff731e;
   
}
.subli a:hover{
    color:#ff731e;
   
}


.subli {
    display: none;
    padding: 8px 0 8px 30px;
}
 .subpages{
    display: none;
}
   
/*.devlclick:hover .devtesting-absdiv {
    transition:  all ease-in-out 5s;
    display: block;
}
*/
.main-nav li:hover .harrow{
    padding-left: 10px;
    transition: all ease-in-out 0.5s;
    opacity: 1;
}
.main-nav li  .harrow{
    
    transition: all ease-in-out 0.5s;
    opacity: 0;
}


.activecolorclass{
    color: #ff731e !important;
}

.subli ul li{
    color:#fff;
}















/**/
.abt-absdiv{

    position: absolute;
    top: 10%;
    left: 40%;
    width: 40%;
}
.pra-absdiv{
 position: absolute;
    top: 15%;
    left: 40%;
    width: 40%;   
}
.qms-absdiv{
    position: absolute;
    top: 30%;
    left: 40%;
    width: 50%;      
}

.devtesting-absdiv{
    position: absolute;
    top: 10%;
    left: 40%;
    width: 40%;      
}
