.margin-top
{
    margin-top: 2%;
    margin-left: 5%;
    margin-right: 5%;
}

.nav-color
{
    background-color:rgba(1,1,1,0.7);
    font-family:serif;
    
}

.li-nav-color
{
    color: red;
}

.boom
{
  color: #07a9bb;
  background-color:white;
  font-size: 16px;
  border: 1px solid #196882;
  font-family:serif;
}

.boom:hover
{

  background-color: #414A4D;
  color: #fff !important ;
  font-size: 20px;

}
.fb
{
    border-style: solid;
    border-color:#3b5998; 

 
    background-color:#3b5998; 
     color: #fff;
    padding: 0 9px;

}

.twitter
{
     border-style: solid;
    border-color:#00aced;
   color: #fff;
    padding: 0 9px;
   background-color:#00aced;

    
}

.linkedin
{
    border-style: solid;
  color: #fff;
    padding: 0 9px;
    border-color:rgba(0,0,0,0);
    background-color:#4875B4;

}
.bg-grey
{
    background-color:rgba(28,28,28,0.9);
    color: white;
    margin-top: 15%;
    
}

.bg2-grey
{
    background-color:rgba(28,28,28,0.9);
    color: white;
    margin-top: 5%;
    
}



.bg3-grey
{
    background-color:rgba(28,28,28,0.9);
    color: white;
    margin-top: 3%;
   
    
}
.img-margin
{
    margin-top: 5%;
}

.img-margin-client
{
    margin-top: 5%;
    margin-bottom: 5%;
}

.heading1
{
    font-family: serif;
    font-size: 40px;
    border-bottom: solid white;
    
}

.fz
{   
    font-size: 20px;
    text-align: justify;
    
}
.li-custom
{
list-style: none;
color: dodgerblue;
}

.lh
{
    color: white;
}
.hover-img
{
  color: #80BF00; 
}
.hover-img:hover
{
    color: white;
    font-size: 50px;
}

.fh
{
    color: #0097C9;
  
}

.justify-text
{
    text-align: justify;
}
.justify-text:hover
{
    color: #478EFF;
}

.colr
{
    color:#FF250D;
}
.huge
{
    font-size: 150px;
    text-align: center;
}
.newh
{
    font-size: 70px;
    text-align: center;
}

.bud
{
    background-color:rgba(0,0,0,0.3);
}

.btn-4
{
    color: white;
    font-family: serif;
    font-size: 15px;
    text-align: justify;
    height: 200px;
    width: 100%;
    background: linear-gradient(grey, black); 
    border: solid black;
    border-radius: 10px;
    margin-bottom: 5%;
}

.btn-4:hover
{
    color: black;
    font-family: serif;
    font-size: 15px;
    text-align: justify;
    height: 200px;
    width: 100%;
    background: linear-gradient(orange, #D12219); 
    border: solid orange;
    border-radius: 10px;
}

.btn-5
{
    color: black;
    font-family: serif;
    font-size: 15px;
    text-align: justify;
    height: 200px;
    width: 100%;
    background: linear-gradient(orange, #D12219); 
    border: solid black;
    border-radius: 10px;
    margin-bottom: 5%;
}


.btn-5:hover
{
    color: black;
    font-family: serif;
    font-size: 15px;
    text-align: justify;
    height: 200px;
    width: 100%;
    background: linear-gradient(grey,black); 
    border: solid orange;
    border-radius: 10px;
}


.btn-6
{
    color: white;
    font-family: serif;
    font-size: 15px;
    text-align: justify;
    height: 200px;
    width: 100%;
    background: linear-gradient(#D0EB21, #11631D); 
    border: solid #D0EB21;
    border-radius: 10px;
    margin-bottom: 15px;
}


.btn-6:hover
{
    color: black;
    font-family: serif;
    font-size: 15px;
    text-align: justify;
    height: 200px;
    width: 100%;
    background: linear-gradient(orange, #D12219); 
    border: solid orange;
    border-radius: 10px;
}

.center-align
{
    text-align: center;
}
.animation
{
    
   
    color: red;
    -webkit-animation-name: example; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
    animation-name: example;
    animation-duration: 4s;

}

@keyframes example {
    0%   {color: white;}
    25%  {color: yellow;}
    50%  {color: white;}
    100% {color: green;}
}
.vt
{
   display: block;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
float: none;
z-index: auto;
width: auto;
height: auto;
position: static;
cursor: default;
opacity: 1;
margin: 0;
padding: 0;
overflow: visible;
border: none;
-webkit-border-radius: 0;
border-radius: 0;
font: italic normal bold 16px/1 "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: rgba(255,255,255,1);
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
background: -webkit-linear-gradient(-90deg, rgba(150,150,150,1) 0, rgba(95,95,95,1) 50%, rgba(50,50,50,1) 51%, rgba(30,30,30,1) 100%), rgb(0,0,0);
background: -moz-linear-gradient(180deg, rgba(150,150,150,1) 0, rgba(95,95,95,1) 50%, rgba(50,50,50,1) 51%, rgba(30,30,30,1) 100%), rgb(0,0,0);
background: linear-gradient(180deg, rgba(150,150,150,1) 0, rgba(95,95,95,1) 50%, rgba(50,50,50,1) 51%, rgba(30,30,30,1) 100%), rgb(0,0,0);
background-position: 50% 50%;
-webkit-background-origin: padding-box;
background-origin: padding-box;
-webkit-background-clip: border-box;
background-clip: border-box;
-webkit-background-size: auto auto;
background-size: auto auto;
-webkit-box-shadow: none;
box-shadow: none;
text-shadow: 0 0 9px rgba(27,65,104,1) ;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
-webkit-transform: none;
transform: none;
-webkit-transform-origin: 50% 50% 0;
transform-origin: 50% 50% 0;
}
.vt:hover
{
    color:#C9C9C9;
}

/* sLIDER Background */

.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
    opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-control {
    z-index: 2;
}
@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.item:nth-child(1) {
    background: url("../img/off1.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.item:nth-child(2) {
    background: url("../img/off.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.item:nth-child(3) {
    background: url("../img/off2.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}
.item:nth-child(4) {
    background: url("../img/bgbg.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}


.carousel {
    z-index: -99;
}
.carousel .item {
    position: fixed;
    width: 100%;
    height: 100%;
}