@charset "utf-8";
/* CSS Document */

html {
  max-width: 1180px;
  margin: 0 auto;
  background: #eee;
}
.navbar {
  margin-bottom:0;
  border:none;
}

.navbar-brand .glyphicon {
  margin-right:6px;
}

.hero {
  background:url(../img/260309.jpg) no-repeat center;
  background-size:cover;
  border:none;
}

a img.onimg {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
			display: block;
}

a:hover img.onimg {
    opacity:0.6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha( opacity=60 )";
    background: #FFF;
}

@media (min-width:992px) {
  .hero .get-it {
    text-align:center;
    margin-top:80px;
  }
}

@media (max-width:992px) {
  .hero .get-it {
    text-align:center;
  }
}

@media (max-width:992px) {
  .hero .phone-preview {
    text-align:center;
  }
}

.hero .get-it h1, .hero .get-it p {
  color:#FFFFFF;
  text-shadow: black 1px 1px 0px, black -1px 1px 0px,
             black 1px -1px 0px, black -1px -1px 0px;
  margin-bottom:20px;
  font-weight:bold;
}

.hero .get-it .btn {
  margin-left:10px;
  margin-bottom:10px;
  text-shadow:none;
}

div.iphone-mockup {
  position:relative;
  max-width:250px;
  margin:20px;
  display:inline-block;
}

.iphone-mockup img.device {
  width:100%;
  height:auto;
}

.iphone-mockup .screen {
  position:absolute;
  width:88%;
  height:77%;
  top:12%;
  border-radius:2px;
  left:6%;
  border:1px solid #444;
  background-color:#aaa;
  overflow:hidden;
  background:url(screen-content-iphone-6.jpg);
  background-size:cover;
  background-position:center;
}

.iphone-mockup .screen:before {
  content:'';
  background-color:#fff;
  position:absolute;
  width:70%;
  height:140%;
  top:-12%;
  right:-60%;
  transform:rotate(-19deg);
  opacity:0.2;
}

.icon-feature {
  text-align:center;
}

.icon-feature .glyphicon {
  font-size:60px;
}

section.features {
  background-color:#eaeaea;
  padding:40px 0;
  color:#fff;
}

.features h2 {
  color:#fff;
}

.features .icon-features {
  margin-top:15px;
}

.testimonials blockquote {
  text-align:center;
}

section.testimonials {
  margin:50px 0;
}

.site-footer {
  padding:20px 0;
  text-align:center;
}

@media (min-width:768px) {
  .site-footer h5 {
    text-align:left;
  }
}

.site-footer h5 {
  color:inherit;
  font-size:20px;
}

.site-footer .social-icons a:hover {
  opacity:1;
}

.site-footer .social-icons a {
  display:inline-block;
  width:32px;
  border:none;
  font-size:20px;
  border-radius:50%;
  margin:4px;
  color:#fff;
  text-align:center;
  background-color:#798FA5;
  height:32px;
  opacity:0.8;
  line-height:32px;
}

@media (min-width:768px) {
  .site-footer .social-icons {
    text-align:right;
  }
}

body {
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size:14px;
  line-height:1.42857143;
  color:#555555;
  background-color:#ffffff;
}

@media screen and (min-width:768px) {
  .jumbotron h1, .jumbotron .h1 {
    font-size:48px;
  }
}

.img-thumbnail {
  padding:4px;
  line-height:1.42857143;
  background-color:#ffffff;
  border:1px solid #eeeeee;
  border-radius:4px;
  -webkit-transition:all .2s ease-in-out;
  -o-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out;
  display:inline-block;
  max-width:100%;
  height:auto;
  box-shadow:10px 10px 10px;
}

.spacer {
  margin-bottom:20px;
}

.titleprice {
  font-size:36px;
  color:#f90829;
  font-weight:bold;
}

.coupontext {
  /*margin-top:10px;*/
  /*margin-left:10px;*/
  /*margin-right:10px;*/
  text-align:center;
  color:#FFF;
  font-size:36px;
  background:linear-gradient(#de660e,#f9892a);
  text-shadow:3px 3px 3px #AAA;
}

.coupontitle {
  margin:20px;
  border-radius:10px;
  /*background:linear-gradient(#de660e,#f9892a);*/
}

.couponbox {
  margin:20px;
  /*border:1px #070707 solid;*/
  border-radius:10px;
  background-color:#037816;
}

.couponp {
  margin-top:10px;
  font-size:17.5px;
  font-weight:bold;
  color:#c88a13;
}

.couponp2nd {
  font-weight:bold;
  font-size:17.5px;
  color:#c88a13;
}

.coupontitleshadow {
  text-shadow:3px 3px 3px #9d9d9d;
  font-weight:bold;
  font-size:36px;
  text-align:center;
  color:#ff810d;
  /*margin:0 0 10px;*/
}

.coupontextshadow {
  text-shadow:3px 3px 3px #9d9d9d;
  font-weight:bold;
  font-size:36px;
  text-align:center;
  color:#ffffff;
}

.img-coupon {
  border:solid 2px #9d7f45;
}

.coupontextp {
  font-weight:bold;
  font-size:21px;
}

.couponhowto {
  font-size:18px;
}

.header-div {
  height:70px;
  background-color:#f4f4ee;
}

.header-p {
  margin-top:3px;
  /*font-weight:bold;*/
  margin-left:30px;
}

.footer-div {
  text-align:center;
  margin-top:20px;
}

.header-a {
  margin-top:10px;
  margin-left:10px;
}