body {
 margin:0;
 padding:0;
 font:normal 13px arial;
 color:#000;
 background: url('../img/bgnew.jpg')repeat #fff;
 background-size: cover;
}
body:before {
 content:"";
 display:block;
 position:fixed;
 width:100%;
 height:100%;
 left:0;
 top:0;
 z-index:-1;
 color:#000;
 background-color: rgba(255, 255, 255, 0.5);
}
ul {margin:0;padding:0;}
.logo {
 margin-bottom:10px;
}
.company-name {
 margin:0px 5px 5px 5px;
 display:inline-block;
 vertical-align: top;
}
.company-name h4 {
 font:bold 24px arial;
 margin:0 5px 5px 5px;
}
.tagline {
 font:normal 16px arial;
 margin:0px 5px 5px 5px;
}
.navigator > li {
 display:inline-block;
 text-align: center;
 margin:3px;
 padding:8px;
 width:210px;
 color:#000;
 background:rgba(255,255,255,0.4);
 border:solid 1px #ecf0f1;
}
.navigator > li > img {
 width: 48px;
}
.navigator > li h4 {
 color:#000;
 font:bold 13px arial;
}
.navigator > li:hover {
 text-decoration: none;
 background:rgba(255,255,255,0.7);
 -webkit-box-shadow: 2px 1px 13px 0px rgba(0,0,0, 0.24);
 -moz-box-shadow:    2px 1px 13px 0px rgba(0,0,0, 0.24);
 box-shadow:         2px 1px 13px 0px rgba(0,0,0, 0.24);
 cursor:pointer;
}
.navigator > li:hover > i, .navigator > li:hover > h4 {
 color: #e67e22;
}
.submenus {
 width: 100%;
 margin: 5px 0 0 3px;
 max-height: 0;
 padding: 5px;
 margin-bottom: 10px;
 background-color: white !important;
 border: 1px solid #ecf0f1;
 overflow-y:hidden;
}
ul.submenu {
 list-style-type: none;
 font-weight: 700;
 text-transform: capitalize;
 padding-left: 0 !important;
 text-align: left;
 -moz-column-count: 3;
 -moz-column-gap: 20px;
 -webkit-column-count: 3;
 -webkit-column-gap: 20px;
 column-count: 3;
 column-gap: 20px;
 background:white;
}
ul.submenu li {
 display: list-item;
 text-align: -webkit-match-parent;
 text-align: left;
 list-style-type: none;
 margin:0;
 padding:4px;
}
ul.submenu li a {
 color:#000;
 text-decoration: none;
 border:none;
 padding:0px;
 text-align: left;
}
ul.submenu li a:hover {
 color: #e67e22;
 text-decoration: none;
 border:none;
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;
}
.collapse {
 display:none;
}
.collapse.in {
 display:block;
}
.contents {
 min-height: 100%;
 margin-bottom: -35px;
}
footer {
 background-color: #424558;
 position: fixed;
 bottom: 0;
 left: 0;
 right: 0;
 height: 35px;
 text-align: center;
 color: #FFD700;
}
footer p {
 padding: 10.5px;
 margin: 0px;
 line-height: 100%;
}
footer p a {
 text-decoration: none;
 color:#bdc3c7;
}
footer p a:hover {
 text-decoration: none;
 color:#fff;
}
footer,
.push {
 height: 35px;
}
.no-height {
 height:0;
}
.col-85p {
 width: 85.5%;
}
.margin-top10px {
 margin-top:10px;
}
.margin-bot10px {
 margin-bottom:10px;
}
.no-padding {
 padding:0;
}
.padding-3px {
 padding:3px;
}
/*overides Bootstrap Component */
.container-fluid.resize {
 padding-right: 0px;
 padding-left: 0px;
 margin-right: auto;
 margin-left: auto;
 overflow-x: hidden;
}
@media (max-width: 767px) and (orientation: portrait) {
 .logo {
  width: 80%;
 }
 .navigator > li {
  display:inline-block;
  text-align: center;
  margin:2px;
  padding:8px;
  width:160px;
  color:#000;
  background:rgba(255,255,255,0.6);
  border:solid 1px #ecf0f1;
 }
 .cols {
  margin:0 auto;
  text-align: center;
  width: 100%;
 }
 .col {
  float:left;
  width:97%;
  margin-left:1%;
 }
 .small, .mobile, .laptop, .desktop {display: none;}
 .small {display: block;}
}
@media (max-width: 767px) and (orientation: landscape) {
 .logo {
  width: 80%;
 }
 .navigator > li {
  display:inline-block;
  text-align: center;
  margin:2px;
  padding:8px;
  width:180px;
  color:#000;
  background:rgba(255,255,255,0.4);
  border:solid 1px #ecf0f1;
 }
 .cols {
  margin:0 auto;
  text-align: center;
  width: 100%;
 }
 .col {
  float:left;
  width:86.7%;
  margin-left:6.6%;
 }
 .small, .mobile, .laptop, .desktop {display: none;}
 .small {display: block;}
}
@media (min-width: 768px) and (max-width: 991px) {
 .navigator > li {
  display:inline-block;
  text-align: center;
  margin:2px;
  padding:8px;
  width:210px;
  color:#000;
  background:rgba(255,255,255,0.4);
  border:solid 1px #ecf0f1;
 }
 .cols {
  margin:0 auto;
  text-align: center;
  width: 100%;
 }
 .col {
  float:left;
  width:84%;
  margin-left:8%;
 }
 .small, .mobile, .laptop, .desktop {display: none;}
 .mobile {display: block;}
}
@media (min-width: 992px) and (max-width: 1190px) {
 .navigator > li {
  display:inline-block;
  text-align: center;
  margin:2px;
  padding:8px;
  width:210px;
  color:#000;
  background:rgba(255,255,255,0.4);
  border:solid 1px #ecf0f1;
 }
 .cols {
  margin:0 auto;
  text-align: center;
  width: 80%;
 }
 .col {
  float:left;
  width:78.6%;
  margin-left:10.7%;
 }
 .small, .mobile, .laptop, .desktop {display: none;}
 .laptop {display: block;}
}
@media (min-width: 1200px) {
 .navigator > li {
  display:inline-block;
  text-align: center;
  margin:2px;
  padding:8px;
  width:210px;
  color:#000;
  background:rgba(255,255,255,0.4);
  border:solid 1px #ecf0f1;
 }
 .cols {
  margin:0 auto;
  text-align: center;
  width: 80%;
 }
 .col {
  float:left;
  width:80%;
  margin-left:10%;
 }
 .small, .mobile, .laptop, .desktop {display: none;}
 .desktop {display: block;}
}