/*
  Photon by HTML5 UP
  html5up.net | @n33co
  Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

@import url("https://fonts.googleapis.com/css?family=Lato:400,400italic,100,100italic,300,300italic,700,700italic,900,900italic");

/* Basic */

 

  p {
    margin: 0 0 2em 0;
  }

  h1, h2, h3, h4, h5, h6 {
    color: #555;
    line-height: 1em;
  }


  h1 {
    font-size: 2em;
    line-height: 1.35em;
  }

  h2 {
    font-size: 2em;
    line-height: 1.35em;
  }

  h3 {
    font-size: 1.35em;
    line-height: 1.5em;
  }

/* Section/Article */

  section.special, article.special {
    text-align: center;
  }

  header.major {
    margin: 0 0 1em 0;
  }

    header.major:after { /*underline*/
      background: rgba(144, 144, 144, 0.5);
      content: '';
      display: inline-block;
      height: 1px;
      margin-top: 1.5em;
      width: 6em;
    }

    header.major h2, header.major h3, header.major h4, header.major h5, header.major h6 {
      margin: 0;
    }

/* Icon */

  .icon {
    text-decoration: none;
    border-bottom: none;
    position: relative;
  }

    .icon:before {
      font-family: FontAwesome;
    }

    .icon.style1:before {
      color: #555;
    }

    .icon.major {
      text-decoration: none;
      color: #000;
      cursor: default;
      display: inline-block;
    }

      .icon.major:before {
        font-family: FontAwesome;
      }

      .icon.major:before {
        font-size: 4em;
        line-height: 1em;
      }

/* Image */

  .image {
    border-radius: 4px;
    border: 0;
    display: inline-block;
    position: relative;
  }

    .image img {
      border-radius: 4px;
      display: block;
    }

    .image.fit {
      display: block;
      margin: 0 0 2em 0;
      width: 100%;
    }

      .image.fit img {
        width: 100%;
      }

/* List */

  ul {
    list-style: disc;
    margin: 0 0 0 0;
    padding-left: 1em;
  }



    ul.major-icons {
      list-style: none;
      padding-left: 0;
    }

      ul.major-icons li {
        display: inline-block;
        padding: 2em;
        text-align: center;
      }

        ul.major-icons li .icon {
          border-radius: 4px;
          border: solid 1px rgba(85, 85, 85, 0.5);
          display: inline-block;
          height: 7em;
          line-height: 7em;
          margin: 0;
          text-align: center;
          width: 7em;
        }

          ul.major-icons li .icon:before {
            display: inline-block;
            line-height: inherit;
          }

    ul.actions {
      cursor: default;
      list-style: none;
      padding-left: 0;
    }

      ul.actions li {
        display: inline-block;
        padding: 0 0 0 0;
        vertical-align: middle;
      }

      ul.actions.uniform li > * {
        min-width: 13em;
      }

/* Button */

  .button {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    background-color: #fff;
    border-radius: 4px;
    border: 0;
    box-shadow: inset 0 0 0 1px rgba(144, 144, 144, 0.5);
    color: #555;
    cursor: pointer;
    display: inline-block;
    font-size: 0.9em;
    font-weight: 400;
    height: 2.75em;
    letter-spacing: 0.125em;
    line-height: 2.75em;
    padding: 0 2em;
    text-align: center;
    text-decoration: none;
    text-indent: 0.125em;
    text-transform: uppercase;
    white-space: nowrap;
    margin: 10px;
  }

    button:hover,
    .button:hover {
      background-color: rgba(144, 144, 144, 0.075);
      color: #555;
    }

    button:active,
    .button:active {
      background-color: rgba(144, 144, 144, 0.2);
    }

    button.special,
    .button.special {
      background-color: #555;
      box-shadow: none !important;
      color: #fff !important;
    }

      button.special:hover,
      .button.special:hover {
        background-color: #626262;
        color: #fff;
      }

      button.special:active,
      .button.special:active {
        background-color: #484848;
      }

/* Main */

  .main {
    padding: 4em 0 3em 0 ;
  }

    .main.style1 {
      background: #fff;
    }

    .main.style2 {
      background-color: #d3d3d3;
    }

    .main.style2 p{
      color: #000;
    }

      .main.style2 a {
        border-bottom-color: rgba(255, 255, 255, 0.5);
      }

        .main.style2 a:hover {
          color: #ffffff;
        }



/* Header */

  #header {
    padding: 8em 0 7em 0 ;
    background-color: rgba(20, 107, 161,.5);
    color: rgba(255, 255, 255, 1);
    overflow: hidden;
    position: relative;
    text-align: center;
  }

    #header h1, #header h2, #header h3, #header h4, #header h5, #header h6, #header strong, #header b {
      color: #ffffff;
    }

    #header .icon.major {
      color: #ffffff;
    }


    #header p {
      margin: .5em 0 0 0;
    }


    #header .inner {
      -moz-transition: -moz-transform 1.5s ease, opacity 2s ease;
      -webkit-transition: -webkit-transform 1.5s ease, opacity 2s ease;
      -ms-transition: -ms-transform 1.5s ease, opacity 2s ease;
      transition: transform 1.5s ease, opacity 2s ease;
      -moz-transition-delay: 0.25s;
      -webkit-transition-delay: 0.25s;
      -ms-transition-delay: 0.25s;
      transition-delay: 0.25s;
      -moz-transform: scale(1);
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      opacity: 1;
      position: relative;
      z-index:1;
    }


    #header:after {
      -moz-transition: opacity 1s ease;
      -webkit-transition: opacity 1s ease;
      -ms-transition: opacity 1s ease;
      transition: opacity 1s ease;
      background-image: linear-gradient(45deg, #4fa49a, #4361c2);
      content: '';
      height: 100%;
      left: 0;
      opacity: 0;
      position: absolute;
      top: 0;
      width: 100%;
    }

 #header {
        padding: 3.5em 0 4em 0 ;
      }


/* Media queries */

/*@media (max-width:1000px){
  .major-icons{
    display:none;
  }
}*/