html
{
   position: relative;
   min-height: 100%;
}

body
{
   padding-top: 106px;
   margin-bottom: 60px; /* Margin bottom by footer height */
}

@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700|Oswald:300,400,700');


img {max-width: 100%; height:auto;}

.nopadding 
{
   padding: 0 !important;
   margin: 0 !important;
}



.mt10
{
   margin-top: 10px;
}

.footer
{
   position: absolute;
   bottom: 0;
   width: 100%;
   height: 60px; /* Set the fixed height of the footer here */
   line-height: 60px; /* Vertically center the text there */
   background-color: #f5f5f5;
}

.link-footer
{
   color: rgba(255,255,255,.5);
}

.link-footer:active
{
   color: #ffffff;
   text-decoration: none;
}

.link-footer:hover
{
   color: #ffffff;
   text-decoration: none;
}


.flexible-container
{
   position: relative;
   padding-bottom: 56.25%;
   padding-top: 30px;
   height: 0;
   overflow: hidden;
}

   .flexible-container iframe,
   .flexible-container object,
   .flexible-container embed
   {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
   }


.header-title
{
   text-align: center;
   /*color: #ed1c24;*/
   font-weight: bold;
   text-transform: uppercase;
}

#tip
{
   display: none;
}

.fadeIn
{
   animation-duration: 3s;
}

.form-control
{
   border-radius: 0px;
   border: 1px solid #EDEDED;
}

   .form-control:focus
   {
      border: 1px solid #00bfff;
   }

.textarea-contact
{
   resize: none;
}

.btn-send
{
   border-radius: 0px;
   border: 1px solid #ed1c24;
   background: #ed1c24;
   color: #fff;
}

   .btn-send:hover
   {
      border: 1px solid #ed1c24;
      background: #fff;
      color: #ed1c24;
      transition: background 0.5s;
   }

.second-portion
{
   margin-top: 30px;
}

.box > .icon
{
   text-align: center;
   position: relative;
}

   .box > .icon > .image
   {
      position: relative;
      z-index: 2;
      margin: auto;
      width: 88px;
      height: 88px;
      border: 8px solid white;
      line-height: 88px;
      border-radius: 50%;
      background: #ed1c24;
      vertical-align: middle;
   }

   .box > .icon:hover > .image
   {
      background: #333;
   }

   .box > .icon > .image > i
   {
      font-size: 36px !important;
      color: #fff !important;
   }

   .box > .icon:hover > .image > i
   {
      color: white !important;
   }

   .box > .icon > .info
   {
      margin-top: -24px;
      background: rgba(0, 0, 0, 0.04);
      border: 1px solid #e0e0e0;
      padding: 30px 0 10px 0;
      min-height: 163px;
   }

   .box > .icon:hover > .info
   {
      background: rgba(0, 0, 0, 0.04);
      border-color: #e0e0e0;
      color: white;
   }

   .box > .icon > .info > h3.title
   {
      font-family: "Robot",sans-serif !important;
      font-size: 16px;
      color: #222;
      font-weight: 700;
   }

   .box > .icon > .info > p
   {
      font-family: "Robot",sans-serif !important;
      font-size: 13px;
      color: #666;
      line-height: 1.5em;
      margin: 20px;
   }

   .box > .icon:hover > .info > h3.title, .box > .icon:hover > .info > p, .box > .icon:hover > .info > .more > a
   {
      color: #222;
   }

   .box > .icon > .info > .more a
   {
      font-family: "Robot",sans-serif !important;
      font-size: 12px;
      color: #222;
      line-height: 12px;
      text-transform: uppercase;
      text-decoration: none;
   }

   .box > .icon:hover > .info > .more > a
   {
      color: #fff;
      padding: 6px 8px;
      background-color: #63B76C;
   }

.box .space
{
   height: 30px;
}

@media only screen and (max-width: 768px)
{
   .contact-form
   {
      margin-top: 25px;
   }

   .btn-send
   {
      width: 100%;
      padding: 10px;
   }

   .second-portion
   {
      margin-top: 25px;
   }
}