*{
	font-family: 'Josefin Sans', sans-serif;
}
a{
	color: #000;
}
a:hover{
	color: :#000;
}
.navbar-brand{
	max-width: 240px;
}
.navbar-collapse ul li > a{
	font-weight: 600;
	color: #000;
	font-size: 20px;
	border-bottom: 1px solid #fff;
	transition: .2s all ease-in-out;
}
.navbar-collapse ul li > a:hover{
	border-bottom: 1px solid #fd0;
	transition: .2s all ease-in-out;
}
.snippbox{
  position: absolute;
  max-width: 500px;
  margin-top: 100px;
  background: #fd0;
  font-weight: 800;
  padding: 20px;
  font-size:30px;
  z-index:5;
}
.header .imgbox{
  position: relative;
  margin-left:200px;
}
.header{
  margin-top:30px;
  overflow: hidden;
}
.transmit{
  position: absolute;
  bottom: 20px;
  transform:rotateZ(-90deg) translateY(-125px) translateX(50%);
  background: #000;
  color:#fff;
  font-size:20px;
  padding: 10px;
  font-weight: 800;
  min-width: 200px;
  text-align:center;
}
.recieve{
   position: absolute;
  right: 20px;
  bottom: 20px;
  transform:rotateZ(90deg) translateY(-115px) translateX(-50%);
  background: #000;
  color:#fff;
  font-size:20px;
  padding: 10px;
  font-weight: 800;
  min-width: 200px;
  text-align:center;
}
.fswd{
	width: 100%;
}
.hbr b{
  display: inline-block;
  padding-top:15px;
  padding-bottom: 5px;
}
.navbar-collapse .active{
	border-bottom: 1px solid #000;
}
.ndimg{
  max-width: 100%;
  padding-right: 30px;
}
.addmar{
	margin: 30px 0px;
}
.container svg {
  position: relative;
  left: -50px;
  width: 200px;
}
input, textarea,select{
  border-radius: 0px !important;
}
.img{
  position: relative;
}

.cbtn{
  background: #fff;
  border: 3px solid #fd0;
  border-radius: 0px;
  color: #000;
  margin-bottom: 10px;
  
  transition: .2s all ease-in-out;
}
.cbtn:hover{
  background: #fd0;
  color:#000;
  border: 3px solid #fd0;
  transition: .2s all ease-in-out;
}
#contact-form{
	margin: 30px 0px;
}
@keyframes wave1 {
  0% { 
    left: -120px; 
  }
  100% { 
    left: -20px; 
  }
}
@keyframes wave2 {
  0% { 
    left: -130px; 
  }
  100% { 
    left: -10px; 
  }
}
@keyframes wave3 {
  0% { 
    left: -110px; 
  }
  100% { 
    left: -10px; 
  }
}
.img .waves{
  width: 100%;
}
.img .waves svg{
  width: 115%;
  position: absolute;
  bottom: 40px
}
.img{
  position: relative;
}
.img .waves{
  width: 100%;
}
.img .waves svg#wave1{
  width: 115%;
  position: absolute;
  bottom:90px;
  Padding:60px 0px;
  box-sizing: border-box;

  animation: wave1 2s alternate-reverse infinite;
}
.img .waves svg#wave2{
  width: 115%;
  position: absolute;
  bottom:90px;
  Padding:0px 0px;
  box-sizing: border-box;

  animation: wave2 2s  alternate-reverse infinite;
}
.img .waves svg#wave3{
  width: 115%;
  position: absolute;
  bottom:40px;
  Padding:0px 0px;
  box-sizing: border-box;

  animation: wave3 2s  alternate-reverse infinite;
}
.st69{
 	fill:none;
 	stroke:#fff;
 	stroke-width:1;
 	stroke-miterlimit:30;
  padding: 30px;
 }

.recieve,.transmit{
  z-index: 3;
}
.feat{
  text-align: center;
  padding: 60px 0px;
}
.feat-item-icon{
  font-size:50px;
  color: #fd0;
}
.feat-item h3{
  font-weight: 800;
}
p{
  color: #434343;
}
img.r{
  width: 100%;
  max-width: 100%;
}
.about{
  margin-top:40px;
}
.ifeat-item-head h3{
  font-size:20px;
}
.ifeat-item{
  text-align: center;
}
.ifeat-item-icon{
  font-size: 40px;
  color: #fd0;
}
.ifeat-item-desc{
  font-size:13px;
}

.footer{
  background: #fd0;
  color: #000;
  padding: 20px 0px;
  box-sizing: border-box;
}
.footer h3{
  font-size:20px;
  font-weight: 800;
}
.footer ul{
  list-style-type: none;
  margin-left:0;
  padding-left:0;
}
.credits{
  color: #fff;
  background: #000;
  display: block;
}
.credits p{
  display: inline-block;
  color: #fff;
  font-weight: 600;
  padding:10px 0px;
}
.ld a{
  margin-left:20px;
}
.footer a:hover{
  color:#000;
  border-bottom: 1px solid #000;
}
.navvr{
  border:1px solid #000;
  background: #fd0;
  line-height: 30px;
  width: 40px;
  padding-bottom: 0px;
  display: none;
}
.navbar-brand img{
	max-width: 160px
}
.about img{
	padding-bottom: 20px;
}
.spp{
  position: relative;
}
.spp .ddc{
  display: inline-block;
  margin-left: 20px;
}
.spp .dic{
  position: absolute
}
nav{
z-index:999;
}
@media only screen and (max-width:991px){
  .navvr{
    display: block;
    box-shadow: 0 1px 0 rgba(12,13,14,0.1), 0 1px 6px rgba(59,64,69,0.1);
    background: #fff;
    border:none;
  }
  .collapse.navbar-collapse{
    display: inline-block;
    position: absolute;
    background: #fff;
    right:15px;
    top:90px;
    z-index:100;
    display: none;
  }
  nav{
    position: relative;
  }
  .collapse.navbar-collapse ul{
    padding: 20px;
    box-shadow: 0 1px 0 rgba(12,13,14,0.1), 0 1px 6px rgba(59,64,69,0.1);
  }
  .collapse.navbar-collapse ul a{
    font-size:13px;
  }
  .snippbox{
    font-size:20px;
    margin-top:20px;
  }
  .header .imgbox{
    margin-left: 0px;
  }
}

@media only screen and (max-width:637px){
	.recieve, .transmit{
		display: none;
	}
}