*{padding:0;margin:0}body{overflow-x:hidden;font-family:'Open Sans',sans-serif;text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased!important}li{list-style:none;display:inline-block}a{text-decoration:none;transition:all .5s ease-in-out}a:active,a:hover{text-decoration:none}h1,h2,h4{font-family:'PT Sans Narrow',Arial,sans-serif;text-transform:uppercase;font-weight:700}p{font-size:15px;line-height:21px}.btn{transition:all .3s ease-in-out;font-weight:500!important;text-transform:uppercase}.btn:hover{background-color:#ededed!important;color:#3c3c3c!important;border:1px solid #fff!important}.navbar{background-color:#222!important;text-transform:uppercase;font-family:'PT Sans Narrow',Arial,sans-serif;font-weight:700}.navbar a{color:#fff!important;opacity:.7}.navbar a:hover{opacity:1;background-color:#111!important}.header{height:600px;width:100%;padding-top:30px;margin-top:50px;background-image:url(../images/bg3.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover;color:#fff}.header img{height:350px;width:450px;margin:70px 0 0 40px}.header h1{font-size:40px;font-weight:700;padding-top:100px}.header button,.header h1,.header p{margin-top:20px}.header .btn{border-radius:0;margin:40px 20px}@media(max-width:768px){.header{padding:30px 10px;height:750px}.header img{width:90%;height:300px;margin:20px 0 0 20px}.header .btn{font-size:10px;margin-left:20px}.header h1{font-size:20px;margin-top:0;padding-top:10px;margin-bottom:10px}.header h2{font-size:16px;margin-top:0;margin-bottom:10px}.header p{margin-top:0;font-size:12px}}.services{padding:80px 0 80px;text-align:center}.services h2,.services h4{color:#4c4c4c;margin:20px 0 20px}.services p{color:#737373;font-size:14px;padding-bottom:40px}.services i{height:80px;width:80px;font-size:30px;padding:25px 20px;border-radius:50%;background-color:#69c;color:#fff}@media(max-width:768px){.services{padding:30px}.services h2{font-size:20px;margin:10px 0 10px}.services p{padding-bottom:10px}}.pricing{padding:30px 0 50px;text-align:center;background-color:#39f}.pricing h2,.pricing p{color:#fff}.pricing p{padding-bottom:40px}.pricing .packages{padding:30px;border:1px solid #ccc;background-color:#fff;border-radius:5px;margin-top:30px}.packages li{display:block;padding:5px}.packages b,.packages h1,.packages h4{color:#4c4c4c}.packages li,.packages p{color:#737373}.packages button{margin-top:10px}@media(max-width:768px){.pricing{padding:30px}.packages{width:80%;margin-left:25px}}.team{padding:30px 0 50px;text-align:center}.team b,.team h2,.team h4{margin:20px 0 20px;color:#4c4c4c}.team p{color:#737373}.team img{height:150px;width:150px;margin-top:30px}.contact{background:#d0e6d0;padding:30px 0 50px;text-align:center}.contact p{padding-bottom:50px;color:#737373}.contact h2{color:#4c4c4c;margin:20px 0 20px}.contact .input-group{margin-bottom:25px}.contact .form-control{border-radius:0!important}.contact span{border-radius:0!important}.contact .btn{border-radius:0;width:100%;font-size:15px;background-color:#f08080;color:#fff}.contact .btn:hover{background-color:#a85959!important;color:#fff!important}.footer{padding:30px;color:#ccc;background-color:#222}
/*snakbar */

#snackbar {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  top: 130px;
  font-size: 17px;
}

#snackbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
  from {top: 0; opacity: 0;} 
  to {top: 130px; opacity: 1;}
}

@keyframes fadein {
  from {top: 0; opacity: 0;}
  to {top: 130px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {top: 130px; opacity: 1;} 
  to {top: 0; opacity: 0;}
}

@keyframes fadeout {
  from {top: 130px; opacity: 1;}
  to {top: 0; opacity: 0;}
}