/*  start fonts */
@font-face{font-family:'metropolisregular';src:url(../fonts/metropolis-thin-webfont.eot);src:url(../fonts/metropolis-thin-webfontd41d.eot?#iefix) format("embedded-opentype"),url(../fonts/metropolis-thin-webfont.woff2) format("woff2"),url(../fonts/metropolis-thin-webfont.woff) format("woff"),url(../fonts/metropolis-thin-webfont.ttf) format("truetype");font-weight:100;font-style:normal}
@font-face{font-family:'metropolisregular';src:url(../fonts/metropolis-extralight-webfont.eot);src:url(../fonts/metropolis-extralight-webfontd41d.eot?#iefix) format("embedded-opentype"),url(../fonts/metropolis-extralight-webfont.woff2) format("woff2"),url(../fonts/metropolis-extralight-webfont.woff) format("woff"),url(../fonts/metropolis-extralight-webfont.ttf) format("truetype");font-weight:200;font-style:normal}
@font-face{font-family:'metropolisregular';src:url(../fonts/metropolis-light-webfont.eot);src:url(../fonts/metropolis-light-webfontd41d.eot?#iefix) format("embedded-opentype"),url(../fonts/metropolis-light-webfont.woff2) format("woff2"),url(../fonts/metropolis-light-webfont.woff) format("woff"),url(../fonts/metropolis-light-webfont.ttf) format("truetype");font-weight:300;font-style:normal}
@font-face{font-family:'metropolisregular';src:url(../fonts/metropolis-regular-webfont.eot);src:url(../fonts/metropolis-regular-webfontd41d.eot?#iefix) format("embedded-opentype"),url(../fonts/metropolis-regular-webfont.woff2) format("woff2"),url(../fonts/metropolis-regular-webfont.woff) format("woff"),url(../fonts/metropolis-regular-webfont.ttf) format("truetype");font-weight:400;font-style:normal}
@font-face{font-family:'metropolisregular';src:url(../fonts/metropolis-medium-webfont.eot);src:url(../fonts/metropolis-medium-webfontd41d.eot?#iefix) format("embedded-opentype"),url(../fonts/metropolis-medium-webfont.woff2) format("woff2"),url(../fonts/metropolis-medium-webfont.woff) format("woff"),url(../fonts/metropolis-medium-webfont.ttf) format("truetype");font-weight:500;font-style:normal}
@font-face{font-family:'metropolisregular';src:url(../fonts/metropolis-semibold-webfont.eot);src:url(../fonts/metropolis-semibold-webfontd41d.eot?#iefix) format("embedded-opentype"),url(../fonts/metropolis-semibold-webfont.woff2) format("woff2"),url(../fonts/metropolis-semibold-webfont.woff) format("woff"),url(../fonts/metropolis-semibold-webfont.ttf) format("truetype");font-weight:600;font-style:normal}
@font-face{font-family:'metropolisregular';src:url(../fonts/metropolis-bold-webfont.eot);src:url(../fonts/metropolis-bold-webfontd41d.eot?#iefix) format("embedded-opentype"),url(../fonts/metropolis-bold-webfont.woff2) format("woff2"),url(../fonts/metropolis-bold-webfont.woff) format("woff"),url(../fonts/metropolis-bold-webfont.ttf) format("truetype");font-weight:700;font-style:normal}
@font-face{font-family:'metropolisregular';src:url(../fonts/metropolis-black-webfont.eot);src:url(../fonts/metropolis-black-webfontd41d.eot?#iefix) format("embedded-opentype"),url(../fonts/metropolis-black-webfont.woff2) format("woff2"),url(../fonts/metropolis-black-webfont.woff) format("woff"),url(../fonts/metropolis-black-webfont.ttf) format("truetype");font-weight:800;font-style:normal}
@font-face{font-family:'metropolisregular';src:url(../fonts/metropolis-extrabold-webfont.eot);src:url(../fonts/metropolis-extrabold-webfontd41d.eot?#iefix) format("embedded-opentype"),url(../fonts/metropolis-extrabold-webfont.woff2) format("woff2"),url(../fonts/metropolis-extrabold-webfont.woff) format("woff"),url(../fonts/metropolis-extrabold-webfont.ttf) format("truetype");font-weight:900;font-style:normal}
/* End Fonts  */
/* Common Css Start */
body{font-family:'metropolisregular',sans-serif;font-weight:400;font-size:15px}
b,strong {font-weight: 500!important}
a,a:focus,a:hover {color: #4c525a}
a,a:focus,a:hover{text-decoration:none;outline:none;color:inherit}
*{-webkit-box-sizing:border-box;box-sizing:border-box}
ul,ol{list-style:none;padding:0}
:focus{outline:0}
img{max-width:100%}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin:0;line-height:normal}
/* .btn {font-size: 16px;color: #F06824;color: #fff;
  font-size: 16px;border-radius: 30px;padding: 10px 40px;background: #F06824} */
/* .getintouch-btn {max-width: 235px;background: #F06824;color: #fff;
  border: 1px solid transparent;font-weight: 500;font-size: 15px;
  padding: 13px 25px;display: inline-block;text-align: center;text-transform: uppercase;margin-top: 25px;}
.getintouch-btn img {width: 15px;margin-right: 10px;}
.getintouch-btn:hover {color: #F06824;background: transparent;border: 1px solid #F06824;} */


/* end common css for all pages */


/* header final common css*/
.display{text-transform:uppercase;box-shadow: rgb(13 21 55 / 40%) 0px 40px 80}
.header.headercss .navbar.navbar-top {box-shadow: rgb(0 0 0 / 10%) 0 0 5px;padding:10px;}
.onelinertext{font-size:12px;color:#5f5f5f;font-weight:400;text-transform:capitalize!important}
.header .contactBtn {background: #F06824;color: #fff;font-weight: 500;font-size: 15px;padding: 14px 20px; border-bottom: 0px;text-transform: uppercase;}
.header .contactBtn:hover,.header .contactBtn.active {background: #F06824;color: #fff;border-bottom: 0px;}
.orange{color:#F06824;}
.techlist{
    position: absolute;
    left: 0;
    right: 0;
    padding-top: 0px;
    text-align: left;
    display: grid;
    min-height: 300px;
    border-radius: 8px;
  
    max-height: calc(100vh - 106px);
}

.column .bold_text {
  font-weight: 700;
  text-transform: uppercase;
  color: #F06824 !important;
  font-size: 18px;
}




.l_mob.inner{display:none;}








@media (max-width: 996px){
    ul.navbar-nav {
        top: 0;
        display: inline-block;
        width: 100%;}
.sticky-top.sticky .l_mob {
 
    margin-top:0px;
    display:none;
  }
  .sticky-top.sticky .l_mob.inner{display: block;
    left: 59px;
    right: 0;
    position: fixed;
    top: 20px;
    height: 36px;}
  .home .headerScroll .navbar-top{background-color:#000;}
  .onelinertext{display:none;}
  .navbar .dropdown ul{margin-top:0px;}

 
}
/* without media */
.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover>a { color: #F06824;}
.navbar a:hover i,.navbar a:active i,.navbar a:focus i{transform:rotate(180deg);}
.orange{color:#F06824;}
.modalOpen {overflow: hidden;}
.modalOpen .modal {overflow-x: hidden;overflow-y: auto;}
.dropdown{font-size: 16px;  border: none;outline: none;color: white;
padding: 14px 16px;font-weight:500;font-size: 15px;text-transform: uppercase;
margin: 0;float: left;overflow: hidden;}
.dropdown:hover{color:#F06824;cursor: pointer;}
.dropdown-content {
  display: none;
  position:fixed;
  background-color:#fff;
  width: 100%;
  left: 0;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1000;
  margin-top:12px;
  border-radius:8px;
  color:#2c2c2c;
  padding:20px;
}
.dropdown.wdth .column{width:auto;}
.dropdown.wdth .dropdown-content{left:unset; width:auto !important;}

.dropdown:hover .dropdown-content {
  display: block;
}

/* Create three equal columns that floats next to each other */
/* .column {
  float: left;
  width: 33.33%;
  padding:5px;
  height:auto;
} */

.column a {
  float: none;
  color: black;
  padding:10px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.column a:hover {
  background-color:none;
  color: #F06824;
}
.navbar-toggler:focus, .navbar-toggler:hover{outline:none;}
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
/* top header css */

.top_header_container ul {display: flex;align-items: center;justify-content: flex-end;list-style: none;}
.top_header_container ul li a {font-size: 18px;color: #fff !important;}
.top_header_container {margin-top: 15px;}
.top_header {background: #F06824;;padding: 2px 0;;border-bottom: 1px solid #F06824;display: none;}
.top_header_container { width: 100%;padding: 0;position: relative;right: 0;margin-top: -4px;}
.top_header_container ul {padding-top: 10px;margin-bottom:5px;}
.top_header_container ul li .phone_content {display: flex;align-items: center;}
.top_header_container ul li {padding-left: 20px;margin-left: 10px;}
.top_header_container ul li .phone_content img {width: auto;margin-right: 10px;}
.show_header {
  display: block;
}
/* end */

@media( max-width:991px) {
.navbar .navbar-collapse {
  position: fixed;
  top: 70px;
  background: #fff;
  width: 220px;
  z-index:1000px;
  right: 0;
  padding: 35px 20px 30px 20px;
}
.navbar-nav {
  flex-direction: column;
}
.navbar-nav .contactBtn {
  margin-top: 0px;
}
.navbar-collapse li a {
  display: inline-block;
}
.navbar-collapse li {
  display: inline-block;
  width: 100%;
}
.navbar-collapse li {
  display: inline-block;
  width: 100%;
}
.dropdown .column a {font-size: 14px}
}
/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
    height: auto;
  }
  .dropdown .column a {font-size: 13px; padding: 5px;}
}


@media(max-width:520px){
  .page-not-found .big-text {
    font-size:100px;
    line-height:100px;
  }

.top_header_container ul li a {
    font-size: 14px;
  
}
}