body{
  font-family: Meiryo, sans-serif;
  font-size:18px;
  line-height: 30px;
  color:#282828;
  transition: all 0.3s ease-in-out 0s;
  background: #fff;
}

/*temp*/ 
.breadcrumb{
  /* margin-top: 130px; */
  background: #fff;
  }

.price{
  background: #fff;
}
  .price .container{
  text-align: left;
}

.mt-50{
  margin-top:50px;
}

.mb-50{
  margin-bottom: 50px;
}

.mt-30{
  margin-top:30px;
}

.mb-30{
  margin-bottom: 30px;
}

.mt-20{
  margin-top:20px;
}

.mb-20{
  margin-bottom: 20px;
}

.mt-10{
 margin-top:8px;
}

.ml-10{
 position: relative; 
 left:10px;
}

.mr-10{
  position: relative; 
  right:10px;
 
 }

 .p-10{
   padding:10px;
 }

.block{
  display: block;
}

hr{
  background: #e4e4e4;
}

.img-responsive{
  margin:0 auto;
  display: block;
  max-width: 100%;
}

.price h1{
  font-size: 42px;
  font-weight: bold;
  color:#ec6768;
  margin-top:0px;
}

.price h3{
  font-size: 25px;
  font-weight: bold;
  color:#ec6768;

}


.price h2{
  font-size:58px;
  color:#ec6768;
  font-weight: bold;
  margin:10px 0;
}

.price h2 span{
  font-size:20px;
  margin-left: -20px;
}

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

.green{
 color:#00a026 !important;
}

.orange-color{
  color:#d88208 !important;
}

.red{
  color:#f6655b !important;
}

.blue{
  color:#1089c8 !important;
}

.black{
  color:#282828 !important;
}

.p-2{
  padding:20px;
}

.price .box{

  padding: 1rem;
  position: relative;
  background: linear-gradient(to bottom, #bd382e, #f6655b);
  padding: 5px;
  border-radius: 10px;
}

.price .box .wrapper{
  background: #fff;
  border-radius: 5px;
}

.price .middle{
  background: #f6655b !important;
  color:#fff !important;
  position: relative;
  z-index:1;
}

.price .middle p{
  font-weight: bold;
}


.price .middle .button-box{
  
  position: relative;
  background: #fff;
  padding: 5px;
  display: inline-block;
  width: 50%;
  font-size:25px;
  font-weight: bold;
}

.price .middle h3, .price .middle h2{
  color:#fff;
}

.price .wrapper .button-box{
  
  position: relative;
  background: linear-gradient(to top, #bd382e, #f6655b);
  padding: 5px;
  display: inline-block;
  width: 50%;
  font-size:25px;
  font-weight: bold;
}

.price .wrapper .button-box .button-wrapper{
  background: #fff;
  padding:5px;
  display: block;
  color:#c01111;
}

.price .middle .button-box{
  
  position: relative;
  background: #fff;
  padding: 5px;
  display: inline-block;
  width: 50%;
  font-size:25px;
  font-weight: bold;
}


.price .middle .button-box .button-wrapper{
  background: #f6655b;
  padding:5px;
  display: block;
  color:#fff;
}

.price .wrapper .button-box .button-wrapper:hover{
  background: #49bb53;
  color:#fff;
}

.grey{
  background: #eeeeee;
  padding:20px 0;
}


.price .option-plan .wrapper{
  border:1px solid #f6655b;
  border-radius: 5px;
}

.price .option-plan .wrapper .header{
  background: #f6655b;
  color:#fff;
  padding:5px 0;
  text-align: left;
  font-weight: bold;
}

.price .option-plan .wrapper .header p{
  margin-left:20px;
  margin-bottom: 0;
}

.price .option-plan h4{
  font-size:20px;
  color:#f6655b;
  font-weight: bold;
}

.price .option-plan label{
  font-size: 40px;
  text-align: left;
  color:#f6655b;
  font-weight: bold;
  margin:10px 0;
}

.price .option-plan label span{
  font-size: 24px;
}

.price .option-plan p strong{
  color:#777;
}


.price .option-plan .wrapper .button-box{
  width: 100%;
  text-align: center;
}


.price .option-plan .list span {
  font-size: 36px;
  font-weight: bold;
  color: #f6655b;
  vertical-align: bottom;
}

.price .cards {
  background:#e6e6e6 ;
}

.price .cards .wrapper{
  border:1px solid #f6655b;
  background: #fff;
  border-radius: 10px;
  padding:20px;
}

.price .cards .wrapper p{
  color:#777;
}

.price .cards .wrapper a{
  color:#1877f2;
}


@media only screen and (max-width: 991px) {
  .price h1{
    font-size: 30px;
  }

  .price label{
    font-size:16px;
  }

  .price p{
    font-size:15px;
    line-height: 20px;
  }

  .price{
    margin-top:10px;
  }
  
 

  .ml-10{

    left: 0 !important;
    position: relative;
  }

  .mr-10{
    margin-right: 0;
    right: 0;
  }

  .price .box {
    width: 80%;
    margin: 10px auto;
}

}

@media only screen and (max-width: 600px) {
  .nopadding img{
    width: 20px;
  }

  .price h2{
    font-size:30px;
  }

  .price h4{
    font-size:16px;
  }

  .price .box {
    width: 100%;
  }

  .price .middle .button-box, .price .wrapper .button-box{
    width: 90%;
  }

  .price h2 span {
    font-size: 15px;
    margin-left: 0;
}

.price h3 {
  font-size: 20px;
}

.price .option-plan h4{
  font-size:16px;
}
 
}