/*
   float

  */
.left {
  float: left; }

.right {
  float: right; }

@media (max-width: 768px) {
  .float-none {
    float: none; } }

.clearfix:after {
  content: '';
  display: block;
  clear: both; }

.clearfix:before {
  content: '';
  display: block;
  clear: both; }

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s; }

@-webkit-keyframes opac {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes opac {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.fades {
  -webkit-animation-name: opac;
  animation-name: opac;
  -webkit-animation-duration: 1s;
  animation-duration: 1s; }

.clearfix:after {
  content: "";
  display: block;
  clear: both; }

.clearfix:before {
  content: "";
  display: block;
  clear: both; }

.container {
  min-height: 400px;
  margin-top: 80px;
  margin-bottom: 50px; }

.title {
  color: #387B98;
  margin-top: 40px; }
  .title:after {
    content: "";
    display: block;
    width: 30px;
    height: 2px;
    background: #c30b0b;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 60px; }

.contact-form {
  margin-top: 7px;
  padding-right: 50px; }
  @media (max-width: 500px) {
    .contact-form {
      padding-right: 0px; } }
  .contact-form .form-group {
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear; }
    .contact-form .form-group label {
      color: #387B98;
      font-size: 0.9em; }
    .contact-form .form-group input {
      height: 45px; }
    .contact-form .form-group textarea {
      height: 100px; }
    .contact-form .form-group .form-error {
      margin-top: 3px;
      font-size: 0.85em;
      -webkit-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      transition: all 0.2s linear; }
  .contact-form .submit {
    background: #387B98;
    color: #fff;
    margin-top: 10px; }
    @media (max-width: 500px) {
      .contact-form .submit {
        width: 100%; } }

.contact-heading {
  margin: 0;
  color: #387B98;
  font-size: 1.4em;
  font-family: "Lato", sans-serif;
  margin-top: 15px; }

.contact-details {
  padding: 20px 0px;
  font-size: 0.95em;
  color: #454545; }
  .contact-details .contact-style {
    line-height: 1.9em; }
    .contact-details .contact-style .fa {
      margin-right: 10px;
      color: #387B98; }

.social-media-icon {
  margin-bottom: 20px;
  color: #454545; }

.social-net {
  color: #387B98;
  font-size: 1.4em;
  font-family: "Lato", sans-serif; }

.social-icon {
  display: inline-block;
  font-size: 1.4em;
  margin: 20px 20px 20px 0px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear; }
  .social-icon:hover {
    color: #387B98; }

.fb:hover {
  color: #3b5999; }

.twitter:hover {
  color: #55acee; }

.insta:hover {
  color: #e4405f; }

.youtube:hover {
  color: #cd201f; }

.map {
  width: 100%;
  height: 400px; }