@font-face {
	font-family: 'BankGothic';
  src:url('../fonts/controls/BankGothic.eot');
  src:url('../fonts/controls/BankGothic.eot?#iefix') format('embedded-opentype'),
  url('../fonts/controls/BankGothic.woff') format('woff'),
    url('../fonts/controls/BankGothic.ttf') format('truetype'),
    url('../fonts/controls/BankGothic.woff2') format('woff2');
}

@font-face {
    font-family: 'menu';
  src:url('../fonts/controls/menu.eot');
  src:url('../fonts/controls/menu.eot?#iefix') format('embedded-opentype'),
  url('../fonts/controls/menu.woff') format('woff'),
    url('../fonts/controls/menu.ttf') format('truetype'),
    url('../fonts/controls/menu.woff2') format('woff2');
}

@font-face {
    font-family: 'dots';
  src:url('../fonts/controls/dots.eot');
  src:url('../fonts/controls/dots.eot?#iefix') format('embedded-opentype'),
  url('../fonts/controls/dots.woff') format('woff'),
    url('../fonts/controls/dots.ttf') format('truetype'),
    url('../fonts/controls/dots.woff2') format('woff2');
}


html, body, header {
    margin:0;
    padding:0;
    border: 0;
}

body {background-color: #FFF;}


.line5 {
    width: 100%;
    margin: 0px;
    border: 30px solid #262626;
    position: fixed;
    top: 0px;
    z-index: 50;
    right: 0px;
}

.line6 {
    width: 400px;
    border: 1px solid #e27e36;
    position: absolute;
    top: 150px;
    z-index: -10;
    left: 45%;
    opacity: 1;
}

.line7 {
    height: 100%;
    margin: 0px;
    border: 30px solid #595959;
    position: fixed;
    top: 0px;
    z-index: 1;
    left: 0px;
}

.awardFilter {
font-family: 'BankGothic', 'Arial', Arial, sans-serif;
  font-size: 20px;
    color: #FFF;
    top: 120px;
    position: absolute;
    list-style: none;
    line-height: 200%;
    text-align: right;
    z-index: 10;
    line-height: 60px;
}

.awardFilter li{
cursor: pointer;
}

.all, .eighteen, .seventeen, .sixteen, .fifteen, .fourteen, .thirteen, .twelve, .eleven, .ten, .nine, .eight  {
    position: relative;
    background-color: #595959;
    color: #404040;
    left: -45px;
    padding: 5px;
    padding-left: 20px;
}


.all:hover, .eighteen:hover, .seventeen:hover, .sixteen:hover, .fifteen:hover, .fourteen:hover, .thirteen:hover, .twelve:hover, .eleven:hover, .ten:hover, .nine:hover, .eight:hover  {
color: #e27e36;
}



.awardTitle {
     font-family: 'BankGothic', 'Arial', Arial, sans-serif;
    font-size: 30px;
    color: #404040;
    opacity: 1;
    z-index: -10;
    display: block;
    position: absolute;
    top: 100px;
    left: 50%;
}

.awardEELD {
    font-family: 'BankGothic', 'Arial', Arial, sans-serif;
    font-size: 15px;
    color: #404040;
    z-index: -10;
    display: block;
    position: absolute;
    top: 160px;
    left: 46%;
    opacity: 1;

}

.awardsList {
font-family: 'BankGothic', 'Arial', Arial, sans-serif;
  font-size: 15px;
    color: #595959;
    top: 230px;
    left: 30%;
    position: absolute;
    list-style: none;
    line-height: 200%;
    text-align: center;
    z-index: 10;
    margin: 0;
    padding: 0;
    opacity: 1;
}

.awardsList a {
    color: #e27e36;
    font-size: 18px;
}

.awardsList2004 {
    color: #e27e36;
    font-size: 18px;
}

.awardsList a:hover {
    color: #595959;
}

.CityColor {
color: #262626;
}

 #LDAMag {
font-size: 15px; 
color: #4169E1;
}


.links a{
font-family: 'BankGothic', 'Arial', Arial, sans-serif;
	font-size: 20px;
    color: #595959;
    opacity: 1;
    z-index: 1000;
    text-align: left;
    margin: 0;
    padding: 0;
}

.links a:hover {
color: #e27e36;
}


.home a {
     position: fixed;
    top: 18px;
    right: 1048px;
    z-index: 1000;
}

.about a {
     position: fixed;
    top: 18px;
    right: 885px;
}

.services a {
      position: fixed;
    top: 18px;
    right: 730px;
}

.portfolio a {
     position: fixed;
    top: 18px;
    right: 559px;
}

.awards a {
    position: fixed;
    top: 18px;
    right: 420px;
}

.usefulLinks a {
    position: fixed;
    top: 18px;
    right: 210px;
}

.contact a {
    position: fixed;
    top: 18px;
    right: 25px;
}


.logo1 {
font-family: 'BankGothic', 'Arial', Arial, sans-serif;
font-size: 60px;
    color: #FFF;
    opacity: 1;
    z-index: 55;
    position: fixed;
    top: -9px;
    left: 0px;
        margin: 0;
    padding: 0;
}



.logo2 {
font-family: 'BankGothic', 'Arial', Arial, sans-serif;
font-size: 60px;
    color: #e27e36;
    opacity: 1;
    z-index: 55;
    position: fixed;
    top: -9px;
    left: 90px;
        margin: 0;
    padding: 0;
}


.anim {
  width: 0px;
    height: 5px;
    background: #e27e36;
    position: fixed;
    top: 55px;
    left: 0px;
    float: right;
    z-index: 1000;
}

.anim1 {
  width: 197px;
    height: 0px;
    background: rgba(29, 31, 32, 0.73);
    position: fixed;
    top: 55px;
    left: 0px;
    float: right;
    z-index: 40;
}

.box {
    width: 200px;
    height: 60px;
    background: #FFFFFF;
    opacity: 0;
    position: fixed;
    top: 0px;
    left: 0px;
    float: right;
    z-index: 101;
}

.textanim {
    font-family: 'BankGothic', 'Arial', Arial, sans-serif;
    font-size: 20px;
    color: #FFFFFF;
    opacity: 0;
    z-index: 100;
    text-align: left;
     position: fixed;
    top: 20px;
    left: 0px;
}

.textanimllc {
    font-size: 10px;  
}

.textanim2 {
    font-size: 18px;
    color: #e27e36;
}

.textanim3 {
    padding-left: 45px; 
    font-size: 60px;
    color: #e27e36;
     letter-spacing: -10px;
     line-height: 70%;
}




.abouttext {
      font-family: 'BankGothic', 'Arial', Arial, sans-serif;
    font-size: 25px;
    color: #FFFFFF;
    background-color: rgba(29, 31, 32, 0.95);
    position: absolute;
    text-align: center;
left: 0px;
top: 30%;
    opacity: 0;
    width: 920px;
    line-height: 200%;
    z-index: -100;
}

.abouttitle {
  text-align: center;
  font-size: 25px;
    color: #e27e36;
      border-bottom: 1px dashed #e27e36;
/*  padding-bottom: 20px;*/
z-index: -100;

}

.aboutpad {
  margin-top: 50px;
}


.servicetext {
      font-family: 'BankGothic', 'Arial', Arial, sans-serif;
    font-size: 25px;
    color: #FFFFFF;
    background-color: rgba(29, 31, 32, 0.95);
    position: absolute;
    text-align: left;
left: 0px;
top: 30%;
    opacity: 0;
    width: 625px;
    line-height: 200%;
    z-index: -100;
}

.servicetitle {
  list-style: none;
  text-align: center;
  font-size: 25px;
    color: #e27e36;
      border-bottom: 1px dashed #e27e36;
/*  padding-bottom: 20px;*/
z-index: -100;

}

.servicepad {
  margin-top: 50px;
}

.contacttext {
      font-family: 'BankGothic', 'Arial', Arial, sans-serif;
    font-size: 25px;
    color: #FFFFFF;
    background-color: rgba(29, 31, 32, 0.95);
    position: absolute;
    text-align: center;
left: 0px;
top: 30%;
    opacity: 0;
    width: 700px;
    line-height: 200%;
    z-index: -100;
}

.contacttitle {
  text-align: center;
  font-size: 25px;
    color: #e27e36;
      border-bottom: 1px dashed #e27e36;
z-index: -100;

}

.contactpad {
  margin-top: 50px;
}

  



@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .line7 { height: 100%; margin: 0px; background: #595959; position: fixed; top: 0px; z-index: 1; left: 0px;}
  .line5 { width: 100%; margin: 0px; background: #262626; position: fixed; top: 0px; z-index: 50; right: 0px;}
}


@media screen and (max-width: 1189px) and (min-width: 970px) { 

    .abouttext {font-size: 19px; left: 0px; top: 30%; width: 820px; line-height: 200%;}
.abouttitle {font-size: 19px;}
.aboutpad {margin-top: 38px;}
.servicetext {font-size: 19px; left: 0px; top: 30%; width: 525px; line-height: 200%;}
.servicetitle {font-size: 19px;}
.servicepad {margin-top: 38px;}
.contacttext {font-size: 19px; left: 0px; top: 30%; width: 525px; line-height: 200%; z-index: -100;}
.contacttitle {font-size: 19px;}
.contactpad {margin-top: 38px;}
.awardsList {width: 700px;}


}


@media screen and (max-width: 1330px) and (min-width: 1050px) { 

    .links a{font-size: 15px;}
.home a {top: 21px; right: 789px;}
.about a {top: 21px; right: 668px;}
.services a {top: 21px; right: 552px;}
.portfolio a {top: 21px; right: 426px;}
.awards a {top: 21px; right: 322px;}
.usefulLinks a {top: 21px; right: 165px;}
.contact a {top: 21px; right: 25px;}
    }








    @media screen and (max-width: 1049px) and (min-width: 920px) { 

        .links a{font-size: 13px;}
.home a {top: 23px; right: 669px;}
.about a {top: 23px; right: 568px;}
.services a {top: 23px; right: 471px;}
.portfolio a {top: 23px; right: 364px;}
.awards a {top: 23px; right: 278px;}
.usefulLinks a {top: 23px; right: 143px;}
.contact a {top: 23px; right: 25px;}
.awardsList {width: 700px;}
}


     @media screen and (max-width: 969px) and (min-width: 829px) { 
.abouttext {font-size: 19px; left: 0px; top: 30%; width: 720px; line-height: 200%;}
.abouttitle {font-size: 19px;}
.aboutpad {margin-top: 38px;}
.servicetext {font-size: 19px; left: 0px; top: 30%; width: 425px; line-height: 200%;}
.servicetitle {font-size: 19px;}
.servicepad {margin-top: 38px;}
.contacttext {font-size: 19px; left: 0px; top: 30%; width: 425px; line-height: 200%; z-index: -100;}
.contacttitle {font-size: 19px;}
.contactpad {margin-top: 38px;}

     }


@media screen and (max-width: 919px) and (min-width: 100px) { 

.menu {font-family: 'menu'; position: fixed; cursor: pointer; color: #595959; opacity: 1; right:20px; top:13px; font-size: 26px; z-index: 2000;}
.menu:before {content: "\F0C9";}
.menu:hover {color: #e27e36;}
.mobile_box {position: fixed; display: none; top: 60px; right: 0px; width: 20px; height: 200px; background-color: #FFF; z-index: 3000; opacity: .95;}
.links a{ display: none; position: absolute; text-align: center; width: 100%; font-size: 25px; color: #595959; opacity: 1; z-index: 1000; margin: 0; padding: 0; z-index: 3005; left: 0px;}
.links span  {text-align: center;}
.links a:hover {color: #e27e36;}
.home a {position: fixed; top: 60px; border-bottom: 1px dashed #e27e36;}
.about a {position: fixed; top: 100px; border-bottom: 1px dashed #e27e36;}
.services a {position: fixed; top: 140px; border-bottom: 1px dashed #e27e36;}
.portfolio a {position: fixed; top: 180px; border-bottom: 1px dashed #e27e36;}
.awards a {position: fixed; top: 220px; border-bottom: 1px dashed #e27e36;}
.usefulLinks a {position: fixed; top: 260px; border-bottom: 1px dashed #e27e36;}
.contact a {position: fixed; top: 300px; border-bottom: 1px dashed #e27e36;}
.cancel {font-family: 'menu'; position: fixed; cursor: pointer; color: #595959; opacity: 1; right:18px; top:18px; font-size: 20px; z-index: 4005; display: none;}
.cancel:before {content: "\E803";}
.cancel:hover {color: #e27e36;}
.cancelBox {position: fixed; cursor: pointer; display: block; top: 0px; right: 0px; width: 50px; height: 60px; background-color: #000; z-index: 5000; opacity: 0;}
.cancelBox2 {position: fixed; cursor: pointer; display: none; top: 0px; right: 0px; width: 50px; height: 60px; background-color: #000; z-index: 5000; opacity: 0;}
.awardsList {width: 450px;}

}



    @media screen and (max-width: 919px) and (min-width: 550px) { 

.mobile_box2 {position: fixed; display: none; top: 60px; right: 0px; width: 20px; height: 200px; background-color: #FFF; z-index: 8000; opacity: .95;}
.abouttext {display: none; font-size: 15px; position: absolute; text-align: center; left: 0px; top: 70px; opacity: 1; width: 520px; line-height: 200%; z-index: 9000;}
.abouttitle {font-size: 15px; z-index: 9005;}
.aboutpad {margin-top: 30px;}
.servicetext {display: none; font-size: 15px; position: absolute; text-align: left; left: 0px; top: 70px; opacity: 1; width: 400px; line-height: 200%; z-index: 9000;}
.servicetitle {text-align: center; font-size: 15px; z-index: 9005;}
.servicepad {margin-top: 30px;}
.contacttext {display: none; font-size: 15px; position: absolute; text-align: center; left: 0px; top: 70px; opacity: 1; width: 400px; line-height: 200%; z-index: 9000;}
.contacttitle {text-align: center; font-size: 15px; z-index: 9005;}
.contactpad {margin-top: 30px;}
.box {display: none;}
.anim {display: none;}
.anim1 {display: none;}
.textanim {display: none;}

    }

  @media screen and (max-width: 549px) and (min-width: 361px) { 

.mobile_box2 {position: fixed; display: none; top: 60px; right: 0px; width: 20px; height: 200px; background-color: #FFF; z-index: 8000; opacity: .95;}
.abouttext {display: none; font-size: 14px; position: absolute; text-align: center; left: 0px; top: 70px; opacity: 1; width: 350px; line-height: 200%; z-index: 9000;}
.abouttitle {font-size: 15px; z-index: 9005;}
.aboutpad {margin-top: 29px;}
.servicetext {display: none; font-size: 14px; position: absolute; text-align: left; left: 0px; top: 70px; opacity: 1; width: 350px; line-height: 200%; z-index: 9000;}
.servicetitle {text-align: center; font-size: 15px; z-index: 9005;}
.servicepad {margin-top: 29px;}
.contacttext {display: none; font-size: 14px; position: absolute; text-align: center; left: 0px; top: 70px; opacity: 1; width: 390px; line-height: 200%; z-index: 9000;}
.contacttitle {text-align: center; font-size: 15px; z-index: 9005;}
.contactpad {margin-top: 29px;}
    .box {display: none;}
    .anim {display: none;}
    .anim1 {display: none;}
    .textanim {display: none;}

    }



    @media screen and (max-width: 760px) and (min-width: 100px) { 

    .awardFilter {font-size: 15px; top: 120px; z-index: 10; line-height: 50px;}

    .line7 {border: 20px solid #595959;}


    }



    @media screen and (max-width: 360px) and (min-width: 1px) { 

    .awardFilter {font-size: 10px; top: 120px; z-index: 10; line-height: 40px;}
    .line7 {border: 15px solid #595959;}
    .all, .eighteen, .seventeen, .sixteen, .fifteen, .fourteen, .thirteen, .twelve, .eleven, .ten, .nine, .eight  {left: -55px; padding: 5px; padding-left: 20px;}
    
    .awardsList {font-size: 10px; top: 160px; left: 30%; line-height: 200%; width: 210px; padding-left: 30px;}
    .awardsList a {color: #e27e36; font-size: 10px;}
    .awardTitle {font-size: 18px; top: 80px;left: 50%; padding-left: 30px;}
    .awardEELD {font-size: 10px; top: 110px; left: 46%; padding-left: 30px; width: 180px; text-align: center;}
    .line6 {width: 150px; border: 1px solid #e27e36; top: 105px; left: 45%; padding-left: 50px;}

    .mobile_box2 {position: fixed; display: none; top: 60px; right: 0px; width: 20px; height: 200px; background-color: #FFF; z-index: 8000; opacity: .95;}
    .abouttext {display: none; font-size: 10px; position: absolute; text-align: center; left: 0px; top: 70px; opacity: 1; width: 180px; line-height: 200%; z-index: 9000;}
    .abouttitle {font-size: 10px; z-index: 9005;}
    .aboutpad {margin-top: 21px;}
    .servicetext {display: none; font-size: 10px; position: absolute; text-align: left; left: 0px; top: 70px; opacity: 1; width: 180px; line-height: 200%; z-index: 9000;}
    .servicetitle {text-align: center; font-size: 10px; z-index: 9005;}
    .servicepad {margin-top: 21px;}
    .contacttext {display: none; font-size: 10px; position: absolute; text-align: center; left: 0px; top: 70px; opacity: 1; width: 180px; line-height: 200%; z-index: 9000;}
    .contacttitle {text-align: center; font-size: 10px; z-index: 9005;}
    .contactpad {margin-top: 21px;}
    .box {display: none;}
    .anim {display: none;}
    .anim1 {display: none;}
    .textanim {display: none;}
    #LDAMag {font-size: 10px;}
    }




    @media screen and (max-width: 630px) and (min-width: 362px) { 

    .awardFilter {font-size: 10px; top: 120px; z-index: 10; line-height: 40px;}
    .line7 {border: 15px solid #595959;}
    .all, .eighteen, .seventeen, .sixteen, .fifteen, .fourteen, .thirteen, .twelve, .eleven, .ten, .nine, .eight  {left: -55px; padding: 5px; padding-left: 20px;}
    
    .awardsList {font-size: 13px; top: 160px; left: 30%; line-height: 200%; width: 300px; padding-left: 30px;}
    .awardsList a {color: #e27e36; font-size: 15px;}
    .awardTitle {font-size: 23px; top: 80px;left: 50%; padding-left: 30px;}
    .awardEELD {font-size: 11px; top: 115px; left: 46%; padding-left: 30px; width: 320px; text-align: center;}
    .line6 {width: 300px; border: 1px solid #e27e36; top: 110px; left: 45%; padding-left: 50px;}

/*    .mobile_box2 {position: fixed; display: none; top: 60px; right: 0px; width: 20px; height: 200px; background-color: #FFF; z-index: 8000; opacity: .95;}
    .abouttext {display: none; font-size: 10px; position: absolute; text-align: center; left: 0px; top: 70px; opacity: 1; width: 180px; line-height: 200%; z-index: 9000;}
    .abouttitle {font-size: 10px; z-index: 9005;}
    .aboutpad {margin-top: 21px;}
    .servicetext {display: none; font-size: 10px; position: absolute; text-align: left; left: 0px; top: 70px; opacity: 1; width: 180px; line-height: 200%; z-index: 9000;}
    .servicetitle {text-align: center; font-size: 10px; z-index: 9005;}
    .servicepad {margin-top: 21px;}
    .contacttext {display: none; font-size: 10px; position: absolute; text-align: center; left: 0px; top: 70px; opacity: 1; width: 180px; line-height: 200%; z-index: 9000;}
    .contacttitle {text-align: center; font-size: 10px; z-index: 9005;}
    .contactpad {margin-top: 21px;}*/
    .box {display: none;}
    .anim {display: none;}
    .anim1 {display: none;}
    .textanim {display: none;}
    #LDAMag {font-size: 13px;}
    }