@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);

 
 
body{
    margin: 0px;
    padding:0px;
     font-family: 'Oswald', sans-serif !important;

}
nav{
    background-color: black;
    
}
.bg-grey {
       background: #292929;
    }
    .logo-footer {
       margin-bottom: 40px;
    }
    footer {
           color: grey;
    }
    footer p, a {
  
   font-family: 'Roboto', sans-serif;
}
footer h6 {
   font-family: 'Playfair Display', serif;
   margin-bottom: 40px;
   position: relative;
}
footer h6:after {
   position: absolute;
   content: "";
   background: grey;
   width: 12%;
   height: 1px;
   left: 0;
   bottom: -20px;
}
    .btn-footer {
                color: grey;
             
               text-decoration: none;
               border: 1px solid;
               border-radius: 43px;
               font-size: 13px;
               padding: 7px 30px;
               line-height: 47px;
    }
    .btn-footer:hover {
               
               text-decoration: none;
              
    }
   .form-footer input[type="text"] {
       border: none;
   border-radius: 16px 0 0 16px;
   outline: none;
   padding-left: 10px;
   
}

a:link {
 text-decoration: none;
 color: black;
}

a:visited {
 text-decoration: none;
 color: black;
}

a:hover {
 text-decoration: underline;
 color: black;
}

a:active {
 text-decoration: underline;
 color: black;
}

::placeholder {
   font-size: 10px;
   padding-left: 10px;
   font-style: italic;
}
.form-footer input[type="button"] {
   border: none;
   background:#232323;
       margin-left: -5px;
   color: #fff;
   outline: none;
   border-radius: 0 16px 16px 0;
   padding: 2px 12px;
}
    .social .fa {
   color: grey;
   font-size: 22px;
   padding: 10px 15px;
   background: #3c3c3c;
}
    footer ul li {
   list-style: none;
   display: block;
}
 footer ul  {
  padding-left: 0;
}
footer ul  li a{
 text-decoration: none;
 color: grey;
 text-decoration:none;
}

a:hover {
   text-decoration: none;
   color: 
   
}
.logo-part {
   border-right: 1px solid grey;
   height: 70%;
   }
   
   
  
   
   
   
   
   
   
   
   
   
   
   header {
 position: relative;
 background-color: black;
 height: 75vh;
 min-height: 25rem;
 width: 100%;
 overflow: hidden;
}

header video {
 position: absolute;
 top: 50%;
 left: 50%;
 min-width: 100%;
 min-height: 100%;
 width: auto;
 height: auto;
 z-index: 0;
 -ms-transform: translateX(-50%) translateY(-50%);
 -moz-transform: translateX(-50%) translateY(-50%);
 -webkit-transform: translateX(-50%) translateY(-50%);
 transform: translateX(-50%) translateY(-50%);
}

header .container {
 position: relative;
 z-index: 2;
}

header .overlay {
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 width: 100%;
 background-color: black;
 opacity: 0.5;
 z-index: 1;
}

   
       
       
   
   h1{
 text-align:center;
 margin-bottom:50px;
 margin-top:50px;
 color: black;
}
.text2{
display: none;
}
.card-deck{
   margin-top:40px;
}
#logo{
height: 20x;
width:170px;
}
@media screen and (min-width: 470px) {
   .navbar{
align-items: center;
}
   
   
}
@media screen and (max-width: 470px) {
   #logo{
height: 20x;
width: 1px;
}
   
   
}
@media screen and (max-width: 470px) {
.display-3 font-weight-bold{
   font-size: 20px;
   
}

}

.row{
background: ;

}
.col col-md-10 offset-md-1 col-lg-8 offset-lg-2{
margin-top: 20px;
}

.iner{
overflow: hidden;

}
.iner img{
transition: all 1.5s ease;

}
.iner:hover img{
transform: scale(1.5);
}


@media screen and (max-width: 470px) {

.text{
font-size: 20px;
}
.text2{
display: inline;
}


}


.button,
.button::before,
.button::after,
.button span,
.button span::before,
.button span::after
{
 transition: all ease .5s;
}

.button{
 position: relative;
 display: inline-block;
 padding: 0.3em;
 margin: 1em;
 border: solid 1px;
 text-transform: uppercase;
 cursor: pointer;
}

.button:hover
{
 box-shadow: 0 0 5em .5em rgba(50,50,150,0.5);
}

.button span
{
 display: inline-block;
 width: 100%;
 padding: 0.6em 2em;
}

.button:hover span
{
 background-color: #fff;
 color: #112;
}

.button::before,
.button::after,
.button span::before,
.button span::after
{
 content: '';
 position: absolute;
 border: 1px;
}

.button::before,
.button span::before
{
 border-style: solid none;  
}

.button::before,
.button span::after{      
 left: 0;
 top: -0.4em;
 width: 100%; 
 height: calc(100% + 0.8em);
}

.button::after,
.button span::after
{
 border-style: none solid;   
}

.button::after,
.button span::before
{
 top: 0;
 left: -0.4em;
 height: 100%;
 width: calc(100% + 0.8em); 
}

.button:hover::after,
.button:hover span::after
{
 transform: scaleY(0);
}

.button:hover::before,
.button:hover span::before
{
 transform: scaleX(0);
}

.button:hover span::after,
.button:hover span::before
{
 opacity: 0;
}




.style-4 .single-service {
 border: 1px solid #ddd;
 padding: 25px 40px;
 margin-bottom: 70px;
 box-shadow: 0 5px 30px -5px #ccc;
 position:relative;
 -webkit-transition:.3s;
 transition:.3s;
 text-align:center
}
.style-4 .single-service i.fa {
   color: #0bbbc1;
   font-size: 30px;
   margin: 25px 0px;
   border: 1px solid #0bbbc1;
   text-align: center;
   border-radius: 50%;
   position: relative;
   width: 60px;
   height: 60px;
   line-height: 60px;
   -webkit-transition:.5s;
   transition:.5s
}
.style-4 .single-service:after, .single-team:after {
   position: absolute;
   content: "";
   width: 0%;
   border-top: 3px solid #0bbbc1;
   left: 0;
   top: 0;
   border-left: 3px solid #0bbbc1;
   height: 0%;
   z-index: 2;
   opacity:0;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   visibility:hidden;
   -webkit-transition:.5s;
   transition:.5s
}
.style-4 .single-service:before,  .single-team:before {
   position: absolute;
   content: "";
   width: 0%;
   border-bottom: 3px solid #0bbbc1;
   right: 0;
   bottom: 0;
   border-right: 3px solid #0bbbc1;
   height: 0%;
   z-index: 2;
   opacity:0;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   visibility:hidden;
   -webkit-transition:.5s;
   transition:.5s
}
.style-4 .single-service:hover:before, .single-service:hover:after{
   opacity:1;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   visibility:visible;
   height:50%;
   width:50%;
}
.style-4 .single-service:hover i.fa {
   background-color: #0bbbc1;
   border-color: #0bbbc1;
   color: #fff;
}
.style-4 .single-service h3 {
   position: relative;
   font-weight: 400;
   margin-top: 0px;
   padding-top: 20px;
   font-size: 22px;
}
.style-4 .single-service p {
   font-weight: 300;
}
.style-4 .single-service h3:before {
 position: absolute;
 content: "";
 width: 3px;
 height: 12px;
 background-color: #0bbbc1;
 top: -25px;
 left: 50%;
 margin-left: -1.5px;
}
.style-4 .single-service h3:after {
 position: absolute;
 content: "";
 width: 30px;
 height: 3px;
 background-color: #0bbbc1;
 left: 50%;
 margin-left: -15px;
 top: -13px;
}