@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Ubuntu');
body{font-family: 'Roboto', sans-serif;}
header{ width: 100%;padding: 0px 0; position: absolute;z-index: 9999;}
@media screen and (max-width: 991px){
  header{position: inherit; background: #28282A!important;}
  .banner{position: inherit !important;}
  .servicecont{
    padding: 0; margin: 0;
  }
}
.servicecont{
  padding: 25px;
}
}
p{
  font-weight: 400 !important
}
h1,h2,h3,h4,h5,h6{font-family: 'Ubuntu', sans-serif !important;}
.p{font-size: 18px!important;}
.navbar-static-top {border-color: transparent !important; height: auto !important; padding: 10px;}
.navbar-static-top .navbar-nav>li>a {text-transform: uppercase !important; border-radius: 5px; padding: 10px; margin-left: 5px; margin-right: 5px; 
  color:#fff !important; text-transform: capitalize; font-size: 14px !important;font-weight: 600; }
  .navbar-static-top .navbar-nav>li>a:hover { border-radius: 5px; padding: 10px; background:#EF5F01   !important; color: #000;}
  .active{background:none !important; }
  .navbar-static-top .navbar-nav>.active>a{ border-radius: 5px; padding: 10px; background:#EF5F01   !important; color: #fff;}
  .navbar-static-top .navbar-toggle .icon-bar {  background: #444444; background-color: #fff !important;}
  .navbar{margin-bottom:0px !important;}
  .navbar-static-top .navbar-toggle{background: #2F302C; border: 1px solid #fff !important;box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none;}

  .btn{
    background: #EF5F01;margin-top: 5px; padding: 10px; font-size: 17px; color: #000; border-radius: 10px; border: transparent;
  }
  .btn:hover { margin-top: 5px; background: #515154; padding: 10px; font-size: 17px; color: #000; border-color:#F4BC16;  border-radius: 10px; }
  .tap{
    background: #EF5F01; padding: 10px; font-size: 17px; color: #fff; border-radius: 10px; border: transparent;
  }
  .tap:hover {background: #515154; padding: 10px; font-size: 17px; color: #fff; border-color:#F4BC16;  border-radius: 10px; }
  .bitn{
   background: #EF5F01;font-weight: 500 !important; padding: 10px; font-size: 17px; color: #000; border-radius: 10px; border: transparent;
 }
 a:hover{ color: #fff; }
 .text1{color: #fff; font-size: 16px;}
 .text2{color: #fff; font-size: 17px;}
 .fa{ color:#EF5F01;  }
 hr.style15 {
  border-top: 4px double #8c8b8b;
  text-align: center;
}
hr.style15:after {
  content: '\002622';
  display: inline-block;
  position: relative;
  top: -15px;
  padding: 0 10px;
  background: #f0f0f0;
  color: #8c8b8b;
  font-size: 18px;
}
.contact{
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 20px;
  font-size: 20px;
}
.carousel-caption
{

  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  top: 196px;
  height: 0px;
  color: #fff;
  text-align: center;
  background: rgba(255,255,255,0.5);
}
.car{color: #fff !important; font-size: 24px; padding: 0px !important; text-align: center; text-decoration: bold; }
.heading-title {
  margin-bottom: 100px;
}
.text-center {
  text-align: center;
}
.heading-title h3 {
  margin-bottom: 0;
  letter-spacing: 2px;
  font-weight: normal;
}
.p-top-30 {
  padding-top: 30px;
}
.half-txt {
  width: 60%;
  margin: 0 auto;
  display: inline-block;
  line-height: 25px;
  color: #7e7e7e;
}
.text-uppercase {
  text-transform: uppercase;
}

.team-member, .team-member .team-img {
  position: relative;
}
.team-member {
  overflow: hidden;
}
.team-member, .team-member .team-img {
  position: relative;
}

.team-hover {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0;
  border: 20px solid rgba(0, 0, 0, 0.1);
  background-color: rgba(255, 255, 255, 0.90);
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.team-member:hover .team-hover .desk {
  top: 35%;
}
.team-member:hover .team-hover, .team-member:hover .team-hover .desk, .team-member:hover .team-hover .s-link {
  opacity: 1;
}
.team-hover .desk {
  position: absolute;
  top: 0%;
  width: 100%;
  opacity: 0;
  -webkit-transform: translateY(-55%);
  -ms-transform: translateY(-55%);
  transform: translateY(-55%);
  -webkit-transition: all 0.3s 0.2s;
  transition: all 0.3s 0.2s;
  padding: 0 20px;
}
.desk, .desk h4, .team-hover .s-link a {
  text-align: center;
  color: #222;
}
.team-member:hover .team-hover .s-link {
  bottom: 10%;
}
.team-member:hover .team-hover, .team-member:hover .team-hover .desk, .team-member:hover .team-hover .s-link {
  opacity: 1;
}
.team-hover .s-link {
  position: absolute;
  bottom: 0;
  width: 100%;
  opacity: 0;
  text-align: center;
  -webkit-transform: translateY(45%);
  -ms-transform: translateY(45%);
  transform: translateY(45%);
  -webkit-transition: all 0.3s 0.2s;
  transition: all 0.3s 0.2s;
  font-size: 35px;
}
.desk, .desk h4, .team-hover .s-link a {
  text-align: center;
  color: #222;
}
.team-member .s-link a {
  margin: 0 10px;
  color: #333;
  font-size: 16px;
}
.team-title {
  text-align: center;
  position: static;
  padding: 20px 0;
  display: inline-block;
  letter-spacing: 2px;
  width: 100%;
}
.team-title h5 {
  margin-bottom: 0px;
  display: block;
  text-transform: uppercase;
}
.team-title span {
  font-size: 12px;
  text-transform: uppercase;
  color: #a5a5a5;
  letter-spacing: 1px;
}
.hhh{
 font-weight: 700;font-size: 20px; color: #fff;background:transparent;padding: 1px;
 height: 26px;
 width: 26px;
}
.hhh:hover{
 color: #B28E5A  !important;border: 2px solid #B28E5A ;
}
.filter-button{
 font-size: 16px;
 border: 2px solid #eee;
 padding:8px 10px;
 text-align: center;
 color: #222222;
 margin-bottom: 30px;
 background: transparent;
 border-radius: 5px;
 padding-right: 10px;
}
.filter-button:hover,
.filter-button:focus,
.filter-button.active{
 color: #0c176b;
 background-color:#fff;
 border: 2px solid #0c176b;
}
.lnk{
  color: #fff;
  text-decoration: none !important;
}
.form-group {
 margin-bottom: 5px!important;
}
.form-control{
  padding: 0px 6px;
  width: 100%;
  height: 21px;
  background: #FFD473;
  border: 1px solid #222;
  border-radius: none!important;
}

.form-control:focus {
}
/* Hide Dropdowns by Default */
nav ul ul {
  display: none;
  position: absolute; 
  top: 50px; /* the height of the main nav */
  right: -50px;
}

/* Display Dropdowns on Hover */
nav ul li:hover > ul {
  display:inherit;
}

/* Fisrt Tier Dropdown */
nav ul ul li {
  width:170px;
  float:none;
  display:list-item;
  position: relative;
}

/* Second, Third and more Tiers */
nav ul ul ul li {
  position: relative;
  top:0px; 
  left:10px;
}


/* Change this in order to change the Dropdown symbol */
li > a:after { content:  ' ⯆ '; }
li > a:only-child:after { content: ''; }
@media only screen and  (max-width: 800px) 
{
  .container-fluid{
    padding: 0;margin: 0;
  }
  .container{
   padding: 0;margin: 0;
 }
}

.boxe{
  border: 2px solid #fff;padding: 5px;color: #fff;
}
.boxe:hover{
  background: #fff;color: #EF5F01;cursor: pointer;;
}
.tt{
  color: #000;font-size: 30px;
}
.tt:hover{
  color: #EF5F01;font-size: 30px;
}

.centeredsmall {
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.centered2 {
  position: absolute;
  top: 35%;
  left: 15%;
  transform: translate(-10%, -50%);
}
figure.snip1104 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  overflow: hidden;
  margin: 10px;
  width: 100%;
  background: #000000;
  color: #ffffff;
  text-align: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

figure.snip1104 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

figure.snip1104 img {
  max-width: 100%;
  position: relative;
  opacity: 0.4;
}

figure.snip1104 figcaption {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

figure.snip1104 h2 {
  position: absolute;
  left: 40px;
  right: 40px;
  display: inline-block;
  background: #000000;
  -webkit-transform: skew(-10deg) rotate(-10deg) translate(0, -50%);
  transform: skew(-10deg) rotate(-10deg) translate(0, -50%);
  padding: 12px 5px;
  margin: 0;
  top: 50%;
  text-transform: uppercase;
  font-weight: 400;
}

figure.snip1104 h2 span {
  font-weight: 800;
}

figure.snip1104:before {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  content: '';
  background: #ffffff;
  position: absolute;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: rotate(110deg) translateY(-50%);
  transform: rotate(110deg) translateY(-50%);
}

figure.snip1104 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}

figure.snip1104.blue {
  background: #123851;
}

figure.snip1104.blue h2 {
  background: #0a212f;
}

figure.snip1104.red {
  background: #581a14;
}

figure.snip1104.red h2 {
  background: #36100c;
}

figure.snip1104.yellow {
  background: #7f5006;
}

figure.snip1104.yellow h2 {
  background: #583804;
}

figure.snip1104:hover img,
figure.snip1104.hover img {
  opacity: 1;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

figure.snip1104:hover h2,
figure.snip1104.hover h2 {
  -webkit-transform: skew(-10deg) rotate(-10deg) translate(-150%, -50%);
  transform: skew(-10deg) rotate(-10deg) translate(-150%, -50%);
}

figure.snip1104:hover:before,
figure.snip1104.hover:before {
  -webkit-transform: rotate(110deg) translateY(-150%);
  transform: rotate(110deg) translateY(-150%);
}

.colorbox{
  padding: 5px;
  background: #EF5F01;
  border-radius: 15px;
}
.colorbox i{
  border-radius: 15px;
  margin-top: -35px;
  background: #000;
  text-align: center;
  color: #EF5F01;
  padding: 5px;
  /* top: 24%; */
  font-size: 50px;
  width: 70px;
  height: 70px;
  margin-left: 40%;
  padding: 5px;
}
}
.colorbox :hover{
  background: #fff;
}
.colorbox p{
  padding: 5px;
  font-size: 22px;
  color: #fff;
  text-align: center;
  

}
.colorbox p:hover{
  padding: 5px;
  font-size: 22px;
  color: #000;
  text-align: center;
  cursor: pointer;
}


.slides {
  -webkit-perspective: 800;
  -moz-perspective: 800px;
  -ms-perspective: 800;
  perspective: 800;
  -webkit-perspective-origin: 50% 100px;
  -moz-perspective-origin: 50% 100px;
  -ms-perspective-origin: 50% 100px;
  perspective-origin: 50% 100px;
  margin: 50px auto 20px auto;
  width: 450px;
  height: 400px;
}
.slides .slides__spinner {
  position: relative;
  margin: 0 auto;
  height: 281px;
  width: 450px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-origin: 50% 100px 0;
  -moz-transform-origin: 50% 100px 0;
  -ms-transform-origin: 50% 100px 0;
  transform-origin: 50% 100px 0;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.slides .slide {
  position: absolute;
  height: 281px;
  width: 450px;
  padding: 0px;
}
.slides .slide img {
  height: 281px;
  width: 450px;
}

.slides__spinner .one {
  -webkit-transform: translateZ(225px);
  -moz-transform: translateZ(225px);
  -ms-transform: translateZ(225px);
  transform: translateZ(225px);
}
.slides__spinner .two {
  -webkit-transform: rotateY(90deg) translateZ(225px);
  -moz-transform: rotateY(90deg) translateZ(225px);
  -ms-transform: rotateY(90deg) translateZ(225px);
  transform: rotateY(90deg) translateZ(225px);
}
.slides__spinner .three {
  -webkit-transform: rotateY(180deg) translateZ(225px);
  -moz-transform: rotateY(180deg) translateZ(225px);
  -ms-transform: rotateY(180deg) translateZ(225px);
  transform: rotateY(180deg) translateZ(225px);
}
.slides__spinner .four {
  -webkit-transform: rotateY(-90deg) translateZ(225px);
  -moz-transform: rotateY(-90deg) translateZ(225px);
  -ms-transform: rotateY(-90deg) translateZ(225px);
  transform: rotateY(-90deg) translateZ(225px);
}

.slide-selector {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  position: relative;
  top: -62px;
}
.slide-selector li {
  margin: 0;
  padding: 0 2px 0 0;
  display: inline-block;
  cursor: pointer;
  color: #fff;
  text-transform: uppercase;
}
.slide-selector li:last-child {
  padding-right: 0;
}
.slide-selector li img {
  width: 152px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
.slide-selector li.selected img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}









.border-0 {
  border:0;
}

.width-100 {
  width:100%;
}
.modal{top:20%;}