body { 
}
.header{

}
.f-heading{
    background: #8a6d3b;
    color: #fff;   
    text-align: center;
    font-size: 1.5em;
    padding: 1%;
    
}
h1.main-heading{
    font-weight: bold;
    font-family: times new roman;
    color: #EE1721;
    margin-top: 5px;
    margin-bottom: 0px;
}

.X2{
    font-size: 1.5em;
}

.nav li{
    text-align: center;
}
.navbar-inverse .navbar-brand {
    color: #fff;
}
.navbar-inverse {
   background-color: #686567;
    border-color: #fff;
    min-height: 30px;
    border-radius: 0;
    margin: 0;
}
.navbar-inverse .main-menu > li > a {
    color: #C4C2C3;
    padding: 9px 10px;
}

.navbar-inverse .main-menu > .active > a,
.navbar-inverse .main-menu > .active > a:hover,
.navbar-inverse .main-menu > .active > a:focus {
    background: #f8f8f8;
    color: #ee1822;
}
.navbar-inverse .main-menu > li > a:hover{
    color: #D9534F;
}
.social-menu li,
.social-menu>li >a {
    color: #fff;
    display: inline-block;
    padding: 0.5em 0;
    
}
.social-menu>li >a.btn-facebook:hover{    
    color: #fff;
    background-color: #2d4373;
    border-color: rgba(0,0,0,0.2);
}
.social-menu>li >a.btn-twitter:hover{
    color: #fff;
    background-color: #2795e9;
    border-color: rgba(0,0,0,0.2)
}
.social-menu>li >a.btn-linkedin:hover{
    color: #fff;
   background-color: #005983;
    border-color: rgba(0,0,0,0.2)
}
.social-menu>li >a.btn-google-plus:hover{
    color: #fff;
   background-color: #c23321;
    border-color: rgba(0,0,0,0.2)
}
.hmargine3{
    margin: 3vw 0;
}
.hmargine2{
    margin: 2vw 0;
}
.padding5{
    padding: 5vw;
}
.margine1{
    margin: 1.5vw;
}
.heading{   
    font-family: times new roman;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.6em;
    margin-top: 10px;
}

.ci-team{
    width: 20%;
    left: 100%;
    bottom: 20%;
}
.full-width{
  width: 100%;   
}
.view {
  width: 100%;
  height: 100%;
   margin: 10px;
   float: left;
  
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow:  0px 0 3px 4px rgba(144, 92, 49, 0.7);;
   -moz-box-shadow:  0px 0 3px 4px rgba(144, 92, 49, 0.7);;
   box-shadow:  0px 0 3px 4px rgba(144, 92, 49, 0.7);;
   cursor: default;
   min-height: 19em;
   
}
.view .mask,.view .content {
   width: 100%;
  height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 0.75em 0 0 0;
}

.view p {
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 1%;
    text-align: center;
}


.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info:hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}
.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(144, 92, 49, 0.7);;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view-first h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
.main-buttom{
    background: url("../img/bottom-bg.jpg");
}
.main-buttom .col-sm-2{
    margin: 2% 0;
    min-height: 100px;; 
  }
.footer a{
 
}
.footer{
    background-color: #181313;
   margin-top: 5vh;
    padding: 1em 0;
    border-top: 7px solid #663C23;;
}
.btn-social-icon{
    margin: 1px;
}
.footer span{
   color: #fff;  
}
.footer span a{
     color:#DA2B2B;
    text-decoration: none;
}
.navbar-brand{
   color: #fff; 
}
/*margine class*/
.top-margine2{
    margin-top: 2vw;
}
.top-padding1e{
    padding-top: 1em;
}
.top-margine1{
    margin-top: 0.5vh;
}
.top-margine2e{
    margin-top: 2em;
}
.btn-block.top-margine1e{
    margin-top: 1em;
}
.btn-block.bottom-margine1e,
.bottom-margine1e {
    margin-bottom: 1em;
}
.hmargine3{
    margin: 3vw 0;
}
.buttom-margine3{
    margin-bottom: 3vw;
}
.margine3{
    margin: 3vw;
}
.margine1{
    margin: 1.5vw;
}
.text-black{
    color: #000;
}
.heading2{
    font-family: times new roman;
    font-weight: bold;
    margin-top: 1em;
}
.header-bg{
    background: url("../img/header-bg.jpg") no-repeat;
    color: #fff;
    margin-bottom: 6vh;
}
.about p{
    margin:  2em 0 0;
}
.just_lmargine{
    margin-left: 0.5em;
}
.list_margine li{
    margin: 0.5em 0;
}
.project{
    display: none;
}

.no-bor-radious.btn-back{
    min-height: 2em;
}

.no-bor-radious{
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    min-height: 70px;
}

/*--custom btn--*/
.btn-custom-spin.active {
  color: rgba(255, 255, 255, 0.75);
}
.btn-custom-spin {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #c0c511;
  background-image: -moz-linear-gradient(top, #c9c211, #b1c911);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c9c211), to(#b1c911));
  background-image: -webkit-linear-gradient(top, #c9c211, #b1c911);
  background-image: -o-linear-gradient(top, #c9c211, #b1c911);
  background-image: linear-gradient(to bottom, #c9c211, #b1c911);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc9c211', endColorstr='#ffb1c911', GradientType=0);
  border-color: #b1c911 #b1c911 #73820b;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #b1c911;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-custom-spin:hover,
.btn-custom-spin:focus,
.btn-custom-spin:active,
.btn-custom-spin.active,
.btn-custom-spin.disabled,
.btn-custom-spin[disabled] {
  color: #ffffff;
  background-color: #b1c911;
  *background-color: #9db10f;
}
.btn-custom-spin:active,
.btn-custom-spin.active {
  background-color: #889a0d ;
}
.tab-content {
    min-height: 21.35em;
}
.rs-tab-content{
    min-height: 27em;
}
.padding1{
    padding: 1em;
}
.l-margin3{
    margin-left: 3em;
}
.marquee {
    width: 100%;
    
   
    overflow: hidden;

}
.col-sm-5.vpadding4{
    padding-left: 4vw;
}
.portfoilo>.row>div{
    border: 7px solid #fff;
}
.i-projects{
    height:120px;
    width: 100%;
    overflow: hidden;
}
.i-career{
    width: 100%;
    height:120px;
    overflow: hidden;
}
.maintance{
    font-size: 5em;
    padding: 2em 4em}
 .job-post p{
    min-height: 5em;
 }
 .no-margin{
    margin: 0;
 }