/* =============================================
 *
 *   FIXED RESPONSIVE NAV
 *
 *   (c) 2014 @adtileHQ
 *   http://www.adtile.me
 *   http://twitter.com/adtilehq
 *
 *   Free to use under the MIT License.
 *
 * ============================================= */

body, div,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, dl, dt, dd, ol, ul, li, hr,
fieldset, form, label, legend, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section,
summary, hgroup {
  margin: 0;
  padding: 0;
  border: 0;
}

a:active,
a:hover {
  outline: 0;
}

@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }


/* ------------------------------------------
  RESPONSIVE NAV STYLES
--------------------------------------------- */

.nav-collapse.open {
  max-height: 9999px;
}

.disable-pointer-events {
  pointer-events: none !important;
}


/* ------------------------------------------
  DEMO STYLES
--------------------------------------------- */

body {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  color: #37302a;
  background: #fff;
}

/* ------------------------------------------
  FIXED HEADER
--------------------------------------------- */



/* ------------------------------------------
  NAVIGATION STYLES
--------------------------------------------- */

.fixed {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
}

.nav-collapse,
.nav-collapse * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.nav-collapse{
  width: 100%;
  max-height: 0;
  text-align: center;
  overflow: hidden;
  transition: max-height .6s;
}

.nav-collapse ul {
  list-style: none;
  width: 100%;
}

.nav-collapse ul li {
  border-top: 1px solid #999;
}

.nav-collapse a {
  display: block;
  width: 100%;
  color: #0482cc;
}


/* ------------------------------------------
  NAV TOGGLE STYLES
--------------------------------------------- */

@font-face {
  font-family: "responsivenav";
  src:url("../icons/responsivenav.eot");
  src:url("../icons/responsivenav.eot?#iefix") format("embedded-opentype"),
    url("../icons/responsivenav.ttf") format("truetype"),
    url("../icons/responsivenav.woff") format("woff"),
    url("../icons/responsivenav.svg#responsivenav") format("svg");
  font-weight: normal;
  font-style: normal;
}

.menu-btn {
  position: absolute;
  top: 50%;
  padding: 0;
  border: none;
  background-color: transparent;
  color: #0068b6;
  cursor: pointer;
  outline: none;
  appearance: none;
  transform: translateY(-50%);
}
.menu-btn span {
  display: inline-block;
  position: absolute;
  background-color: #0068b6;
  -webkit-transition: transform .6s, opacity .3s;
  transition: transform .6s, opacity .3s;
}
.menu-btn.open span:nth-child(1){
  transform: rotate(225deg);
}
.menu-btn.open span:nth-child(2){
  opacity: 0;
}
.menu-btn.open span:nth-child(3){
  transform: rotate(-225deg);
}
.menu-btn p{
  position: absolute;
  left: 50%;
}

.sns-txt {
  color: #1352aa;
}

.sns-icon {
  display: inline-block;
  padding: 0;
  margin: 0 20px 40px;
  border-top: none !important;
}

.sns-icon a {
  padding: 0 !important;
}

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

.sns {
  padding-top: 25px;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .sns {
    padding-top: 2%;
  }
}

.sns p {
  margin-bottom: 15px;
  color: #1352aa;
  font-size: 20px;
  letter-spacing: 0;
}

@media only screen and (max-width: 768px) {
  .sns p {
    font-size: 15px;
  }
}

.sns li {
  display: inline-block;
  margin: 0 17px;
  width: 60px;
}