@charset "UTF-8";
table{
  border-spacing: 0px;
}

.pc_layout{
  display:block;
}


.sp_layout{
  display:none;
}

.titleborder {
    border-left: 4px solid #cc0e4e;
    padding:5px;
}


.error {
  /*font-size: 11px;*/
  color: red;
  font-weight: normal;
}


.req{
  color:white;
  background-color:red;
  padding:2px;
}

/*
[2]MARGIN-CLASS
===================================*/
.m0auto{margin:0 auto;}
/*margin top*/
.mT01{margin-top:1px;}
.mT02{margin-top:2px;}
.mT03{margin-top:3px;}
.mT04{margin-top:4px;}
.mT05{margin-top:5px;}
.mT10{margin-top:10px;}
.mT15{margin-top:15px;}
.mT20{margin-top:20px;}
.mT25{margin-top:25px;}
.mT30{margin-top:30px;}
.mT35{margin-top:35px;}
.mT40{margin-top:40px;}
.mT45{margin-top:45px;}
.mT50{margin-top:50px;}
/*margin right*/
.mR00{margin-right:0px;}
.mR05{margin-right:5px;}
.mR10{margin-right:10px !important;}
.mR15{margin-right:15px;}
.mR20{margin-right:20px;}
.mR25{margin-right:25px;}
.mR30{margin-right:30px;}
.mR40{margin-right:40px;}
.mR42{margin-right:42px;}
.mR47{margin-right:47px;}
.mR77{margin-right:77px;}

/*margin bottom*/
.mB05{margin-bottom:5px;}
.mB10{margin-bottom:10px;}
.mB15{margin-bottom:15px !important;}
.mB20{margin-bottom:20px !important;}
.mB25{margin-bottom:25px;}
.mB30{margin-bottom:30px;}
.mB35{margin-bottom:35px;}
.mB40{margin-bottom:40px;}
.mB43{margin-bottom:43px;}
.mB50{margin-bottom:50px;}
.mB60{margin-bottom:60px;}
.mB70{margin-bottom:70px;}
.mB75{margin-bottom:75px;}
.mB80{margin-bottom:80px;}
.mB90{margin-bottom:90px;}
.mB95{margin-bottom:95px;}
.mB100{margin-bottom:100px;}
.mB130{margin-bottom:130px;}
.mB160{margin-bottom:160px;}
.mB200{margin-bottom:200px;}
.mB250{margin-bottom:250px;}
.mB300{margin-bottom:300px;}
.mB400{margin-bottom:400px;}
.mB600{margin-bottom:600px;}
.mB700{margin-bottom:700px;}
.mB800{margin-bottom:800px;}

/*margin left*/
.mL05{margin-left:5px;}
.mL10{margin-left:10px;;}
.mL14{margin-left:14px;}
.mL15{margin-left:15px;}
.mL20{margin-left:20px;}
.mL25{margin-left:25px;}
.mL30{margin-left:30px;}

/*
[3]PADDING-CLASS
===================================*/

/*padding top*/
.pT03{padding-top:3px;}
.pT05{padding-top:5px;}
.pT10{padding-top:10px;}
.pT15{padding-top:15px;}
.pT20{padding-top:20px;}
.pT25{padding-top:25px;}
.pT30{padding-top:30px;}
.pT40{padding-top:40px;}
.pT50{padding-top:50px;}
.pT60{padding-top:60px;}
.pT70{padding-top:70px;}
.pT80{padding-top:80px;}
.pT90{padding-top:90px;}
.pT100{padding-top:100px;}

/*padding right*/
.pR05{padding-right:5px;}
.pR10{padding-right:10px;}
.pR15{padding-right:15px;}
.pR20{padding-right:20px;}
.pR25{padding-right:25px;}
.pR30{padding-right:30px;}

/*padding bottom*/
.pB05{padding-bottom:5px;}
.pB08{padding-bottom:8px;}
.pB10{padding-bottom:10px;}
.pB12{padding-bottom:12px;}
.pB15{padding-bottom:15px;}
.pB20{padding-bottom:20px;}
.pB25{padding-bottom:25px;}
.pB30{padding-bottom:30px;}
.pB40{padding-bottom:40px;}
.pB50{padding-bottom:50px;}
.pB60{padding-bottom:60px;}
.pB70{padding-bottom:70px;}
.pB80{padding-bottom:80px;}
.pB90{padding-bottom:90px;}
.pB100{padding-bottom:100px;}
.pB120{padding-bottom:120px;}

/*padding left*/
.pL05{padding-left:5px;}
.pL10{padding-left:10px;}
.pL15{padding-left:15px;}
.pL20{padding-left:20px;}
.pL25{padding-left:25px;}
.pL30{padding-left:30px;}
.pL50{padding-left:50px;}
/*

/*
[4]WIDTH-CLASS
===================================*/
.w50{width:50px;}
.w70{width:70px;}
.w100{width:100px;}
.w110{width:110px;}
.w140{width:140px;}
.w150{width:150px;}
.w200{width:190px;}
.w210{width:210px;}
.w220{width:220px;}
.w250{width:250px;}
.w280{width:280px;}
.w300{width:300px;}
.w310{width:310px;}
.w320{width:320px;}
.w328{width:328px;}
.w330{width:330px;}
.w340{width:340px;}
.w350{width:350px;}
.w360{width:360px;}
.w380{width:380px;}
.w445{width:445px;}
.w450{width:450px;}
.w480{width:480px;}
.w500{width:500px;}
.w550{width:550px;}
.w580{width:580px;}
.w600{width:600px;}
.w645{width:645px;}

/*
[5]HEIGHT-CLASS
===================================*/
.h25{height:25px;}
.h50{height:50px;}
.h100{height:100px;}
.h150{height:150px;}
.h200{height:200px;}
.h250{height:250px;}
.h300{height:300px;}
.h350{height:350px;}
.h400{height:400px;}
.h450{height:450px;}
.h500{height:500px;}
.h550{height:550px;}

/*
[6]FONT-CLASS
===================================*/
.lheight40{
line-height:40px;
}
.f7{font-size:7px;}
.f8{font-size:8px;}
.f9{font-size:9px;}
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f19{font-size:19px;}
.f20{font-size:20px;}
.f21{font-size:21px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f27{font-size:27px;}
.f30{font-size:30px;}
.f33{font-size:33px;}
.f42{font-size:42px;}
.red{color: #ff0000;}
.blue{color:#0b3e91;}
.blue a{color:#0065b1;}
.black{color:#000;}
.black a{color:#000;}
.black a:hover { color:#666 }
.gray{color:#333333;}
.white{color:#ffffff;}
.yellow{ color:#f6ab30;}
.dgray{color:#4b4b4b;}
.lgray{color:#666666;}
.lgray2{color:#bdbbbb;}
.lgray3{color:#a0a0a0;}
.white{color:#ffffff;}
.orange{color:#f47920;}
.fweight100{font-weight:100;}
.placeholder {color:#aaa;}



#banner {
  width: 100%;
  background-image: url("/images/banners/banner_iphoneX.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}



/* Smartphone （768px） */
@media screen and (max-width: 767px){

  .navbar{padding:0}
.spmT01{margin-top:1px;}
.spmT02{margin-top:2px;}
.spmT03{margin-top:3px;}
.spmT04{margin-top:4px;}
.spmT05{margin-top:5px;}
.spmT10{margin-top:10px;}
.spmT15{margin-top:15px;}
.spmT20{margin-top:20px;}
.spmT25{margin-top:25px;}
.spmT30{margin-top:30px;}
.spmT35{margin-top:35px;}
.spmT40{margin-top:40px;}
.spmT45{margin-top:45px;}
.spmT50{margin-top:50px;}
/*margin right*/
.spmR00{margin-right:0px;}
.spmR05{margin-right:5px;}
.spmR10{margin-right:10px}
.spmR15{margin-right:15px;}
.spmR20{margin-right:20px;}
.spmR25{margin-right:25px;}
.spmR30{margin-right:30px;}
.spmR40{margin-right:40px;}
.spmR42{margin-right:42px;}
.spmR47{margin-right:47px;}
.spmR77{margin-right:77px;}

/*margin bottom*/
.spmB05{margin-bottom:5px;}
.spmB10{margin-bottom:10px;}
.spmB15{margin-bottom:15px;}
.spmB20{margin-bottom:20px;}
.spmB25{margin-bottom:25px;}
.spmB30{margin-bottom:30px;}
.spmB35{margin-bottom:35px;}
.spmB40{margin-bottom:40px;}
.spmB43{margin-bottom:43px;}
.spmB50{margin-bottom:50px;}
.spmB60{margin-bottom:60px;}
.spmB70{margin-bottom:70px;}
.spmB75{margin-bottom:75px;}
.spmB80{margin-bottom:80px;}
.spmB90{margin-bottom:90px;}
.spmB95{margin-bottom:95px;}
.spmB100{margin-bottom:100px;}
.spmB130{margin-bottom:130px;}
.spmB160{margin-bottom:160px;}
.spmB200{margin-bottom:200px;}
.spmB250{margin-bottom:250px;}
.spmB300{margin-bottom:300px;}
.spmB400{margin-bottom:400px;}
.spmB600{margin-bottom:600px;}
.spmB700{margin-bottom:700px;}
.spmB800{margin-bottom:800px;}

/*margin left*/
.spmL05{margin-left:5px;}
.spmL10{margin-left:10px;;}
.spmL14{margin-left:14px;}
.spmL15{margin-left:15px;}
.spmL20{margin-left:20px;}
.spmL25{margin-left:25px;}
.spmL30{margin-left:30px;}

/*
[3]PADDING-CLASS
===================================*/

/*padding top*/
.sppT03{padding-top:3px;}
.sppT05{padding-top:5px;}
.sppT10{padding-top:10px;}
.sppT15{padding-top:15px;}
.sppT20{padding-top:20px;}
.sppT25{padding-top:25px;}
.sppT30{padding-top:30px !important;}

/*padding right*/
.sppR05{padding-right:5px;}
.sppR10{padding-right:10px;}
.sppR15{padding-right:15px;}
.sppR20{padding-right:20px;}
.sppR25{padding-right:25px;}
.sppR30{padding-right:30px;}

/*padding bottom*/
.sppB05{padding-bottom:5px;}
.sppB08{padding-bottom:8px;}
.sppB10{padding-bottom:10px;}
.sppB12{padding-bottom:12px;}
.sppB15{padding-bottom:15px;}
.sppB20{padding-bottom:20px;}
.sppB25{padding-bottom:25px;}
.sppB30{padding-bottom:30px;}

/*padding left*/
.sppL05{padding-left:5px;}
.sppL10{padding-left:10px;}
.sppL15{padding-left:15px;}
.sppL20{padding-left:20px;}
.sppL25{padding-left:25px;}
.sppL30{padding-left:30px;}
.sppL50{padding-left:50px;}

/* img adjustment */
.pic-90p-xs{width:90%; display:block; margin-left:auto; margin-right:auto;}
.pic-80p-xs{width:80%; display:block; margin-left:auto; margin-right:auto;}
.pic-70p-xs{width:70%; display:block; margin-left:auto; margin-right:auto;}
.pic-60p-xs{width:60%; display:block; margin-left:auto; margin-right:auto;}
.pic-50p-xs{width:50%; display:block; margin-left:auto; margin-right:auto;}

.pic-center-xs{display:block; margin-left:auto; margin-right:auto;}

.pull-center-xs{float:none !important;}

.text-center-xs{text-align:center !important;}

.text-left-xs{text-align:left !important;}

.clear-xs{clear:both;}

.block-xs{display:block;}
}

.pic-90p{width:90%; display:block; margin-left:auto; margin-right:auto;}
.pic-80p{width:80%; display:block; margin-left:auto; margin-right:auto;}
.pic-70p{width:70%; display:block; margin-left:auto; margin-right:auto;}
.pic-60p{width:60%; display:block; margin-left:auto; margin-right:auto;}
.pic-50p{width:50%; display:block; margin-left:auto; margin-right:auto;}

/* font weight */
.font-w-300{font-weight:300;}
.font-w-600{font-weight:600;}
.font-w-800{font-weight:800;}

a{-webkit-transition: all 0.35s linear;
  -moz-transition: all 0.35s linear;
  transition: all 0.35s linear;
}

a:hover img.hoverImg{
opacity:0.4;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
transition: 0.6s linear;
}

.italic{font-style:italic;}

.box_shadow{box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.18);}

.box_shadow2{box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.08);}

.text-shadow-white {
    text-shadow: 0px 3px 10px rgba(225, 225, 225, 1);
}

.text-shadow {
    text-shadow: 0px 1px 20px rgba(0, 0, 0, 1);
}

.pic-center{margin-right:auto; margin-left:auto; display:block;}

.img-radius{border-radius:5px;}

.divide-line{border-top:1px solid #e4e4e4; margin-top:40px; margin-bottom:40px;}

h1,h2,h3,h4,h5,h6,p,address{margin:0; padding:0;}

.px60 {height: 60px;}

/* table no border */
.table-borderless{margin-bottom:0 !important;}

.table-borderless tbody tr td, .table-borderless tbody tr th, .table-borderless thead tr th {
    border: none;
}

/* wordpress blog */
img.alignright { display: block; margin: 0 0 0 auto; }
img.alignleft { display: block; margin: 0 auto 0 0; }
img.aligncenter { display: block; margin: 0 auto; }

a, a:hover, a:focus{color:#009ad2;}

.pic-100p{width:100% !important;}

.c-red{color:#ed3237;}

.c-blue{color:#444;}

.c-blue2{color:#009ad2;}

.c-yellow{color:#f2fb0c;}

.bg-red{background:#d6d6d6; color:#444;}

.bg-text-white{color:#fff;}




body {
/*  
	font-family: 'Noto Sans Japanese', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
   
  */
  font-size:16px; 
  color:#444;

  line-height: 1;
}

/* header */
#header-top{background:#666; color:#fff; padding:7px 0;}

#header-top h1{font-size:13px; font-weight:400;}

#header-middle{
  padding:8px 5px 9px 1px;
  /*border-bottom: 1px solid #e4e4e4;*/

}

#header-middle .text-right{margin-top:15px;}

.logo{width:100px;}

/* nav smartphone dropdown adjust */
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: none;
}

.navbar{margin-bottom:0;}

.container > .navbar-collapse {margin-right: -15px; margin-left: -15px;}

.navbar-default{background:#fff; border:none; font-weight:400; border-bottom:1px solid #e4e4e4;}

.navbar-default .navbar-nav > li > a{color:#333; text-align:center;}

.navbar-default .navbar-nav > li > a:hover{background:#ffd2d3;}

.navbar-default .navbar-toggle{border:0;}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #ed3237;
}

.navbar-default .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #ffdedf;
}

.navbar-nav{width:100%;}

.navbar-nav > li{width:14%; border-left:1px dotted #e4e4e4;}

.navbar-nav > li:last-child{border-right:1px dotted #e4e4e4;}

.navbar-nav > .lilast{border-right:1px dotted #e4e4e4;}

.navbar-nav > li > a{padding:5px;}

@media screen and (max-width: 767px){
 .navbar-nav > li{width:100%; border-bottom:1px solid #e4e4e4;}

 .navbar-nav > li:last-child{border-right:none;}

 body{
  font-size:16px; 
 }
}


#flashMessage{
    position: fixed;

    width:100%;

    /*background-color: #f2dede;
    border-color: #ebcccc;
    color: #a94442;*/
    padding: .75rem 3.25rem;
    
    /*border: 1px solid transparent;*/
    border-radius: .25rem;
    margin-bottom:10px;

    z-index:1000000;


  }


/* footer */
#footer-top{background:url(../images/bg-footer-top.jpg) center center no-repeat; background-size:cover;}

#footer-top a{color:#ed3237;}

#footer-top ul{padding:0; list-style:none;}

#footer-top ul li{float:left; margin-right:10px; padding-right:10px; border-right:1px solid #333;}

#footer-bottom{background:#333; color:#fff; padding-top:15px; padding-bottom:15px; text-align:center;}

@media screen and (max-width: 767px){
 #footer-top ul li{border:none; margin-bottom:10px; float:none;}
}

/* slider */
#myCarousel img{width:100%;}

.carousel-control.right, .carousel-control.left {
    background:none;
}

/* index */
h2.ttl-area{text-align:center; margin-bottom:30px; font-weight:700;}

h2.ttl-area span{color:#ed3237;}

h2.ttl-area span.blue{color:#00b0f0;}

.featured-box{background:#fcfbf2; text-align:center; padding:12px 8px;}

h3{font-weight:700; font-size:20px; margin-top:10px; line-height:27px;}

@media screen and (max-width: 767px){
 h2.ttl-area{font-size:24px;}

 .featured-box h3{font-size:18px;}
}

.fa-stack-2x {font-size: 1.7em;}

.fa-stack {width: 1.7em; height: 1.7em; line-height: 1.7em;}

.price-box {background-color: rgba(255, 255, 255, 0.80); padding:18px; text-align:center; color:#333;}

.price-box h3{font-size:34px; font-weight:700; margin-bottom:5px;}

.option-box{border:1px solid #e4e4e4; padding:15px;}

.blue-box{background:#00b0f0; padding:20px;}

.blue-box h3{color:#f2fb0c; margin-bottom:10px;}

.blue-box h4{color:#fff;}

ul, ol{padding-left:25px;}

ul.blue-dotted{color:#00b0f0;}

ul.blue-dotted span{color:#333;}

#wimax h4{font-size:44px; font-weight:700;}

#wimax h4 span{font-size:54px; color:#ed3237;}

.flow{margin-bottom:28px; padding-left: 40px; position: relative; padding-top:12px;}

.flow span{position: absolute; left: 0; top: 0; font-size:33px; font-weight:700; color:#ed3237;}

a.bottom-nav{display:block; background:#00b0f0; color:#fff; padding:20px; text-align:center;}

a.bottom-nav:hover{text-decoration:none; opacity:0.4;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
transition: 0.6s linear;}

a.bottom-nav i{font-size:65px; margin-bottom:10px;}

a.bottom-nav p{font-size:21px; font-weight:700;}

.flex-box {
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; /* 横方向中央揃え */
}

/* Circle Text */
.circle {
  position: relative;
  display: block;
  margin: 0;
  background-color: transparent;
  color: #222;
  text-align: center;
  width:65%;
  margin-left:auto;
  margin-right:auto;
}

.circle:after {
  display: block;
  padding-bottom: 100%;
  width: 100%;
  height: 0;
  border-radius: 50%;
  background-color: #ddd;
  content: "";
}

.circle-red:after{background: #ed3237;}

.circle-blue:after{background: #00afef;}

.circle__inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.circle__wrapper {
  display: table;
  width: 100%;
  height: 100%;
}

.circle__content {
  display: table-cell;
  padding: 1em;
  vertical-align: middle;
  color:#fff;
}

.circle p.price{font-weight:100; font-size:75px;}

@media screen and (max-width: 911px){
 .circle p.price {font-size: 50px;}
}

@media screen and (max-width: 767px){
 .circle p.price {font-size: 75px;}
}

@media screen and (max-width: 330px){
 .circle p.price {font-size: 50px;}
}

/* page */
#page-head{padding-top:12px; padding-bottom:12px; background: #eff7fd;}

#page-head .breadcrumb{background:transparent; margin-bottom:0; font-weight:700;}

#page{padding-top:30px;}

#page h2{font-size:27px; /*color:#ed3237;*/ color:#009ad2; margin-bottom:25px; font-weight:700;}

#page h3{font-size:22px; font-weight:600;}

#page li{margin-bottom:7px;}

.nav-tabs{border:none; font-size:17px;}

.nav-tabs > li > a{border-radius:4px; border:1px solid;}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{font-weight:700; background:#00b0f0; color:#fff;}

ol.service{width:100%;}

ol.service li{float:left; margin-right:40px;}

.panel-title > a{display:block; color:#009ad2;}

.panel-title > a:hover, .panel-title > a:focus{text-decoration:none;}

.panel-default > .panel-heading{background:transparent; border:2px solid #00b0f0;}

/* page plan */
#page .price-box{border: 1px solid #EAEAEA;}

.price-area .bg-lightgrey {
    background: #eeeeee;
}

.price-area a{
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -999px;
}

.price-area a:hover{
    background-color:#FFF;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

#detailplan .featurebox{
  margin-right: 0px;margin-left:0px;
  border-right:1px solid #EAEAEA;
  border-bottom:1px solid #EAEAEA;
  border-left: 1px solid #EAEAEA;
}

#detailplan .descbox{
  min-height:83px;text-align:center;
}

/* order */
input[type=checkbox], input[type=radio] {
    margin: 8px 0 0;
    line-height: normal;
    height: 22px;
    width: 22px;
    vertical-align: -5px;
}

.special-price {
    color: #009ad2; font-weight:700;
}

/* btn */
.btn{border-radius:3px;}

.btn-lg{padding: 8px 14px; font-size: 16px;}

.btn-danger{background:#ed3237; border-color:#ed3237;}

.btn-primary{background:#00b0f0; border-color:#00b0f0;}

/* flowline */

.flowline {
    position: relative;
    margin: 0;
    padding: 8px 0 16px;
    border-bottom: 1px dotted #ccc;
}
.flowline ul {
    position: relative;
    margin: 0 auto;
    list-style:none;
    padding-left:0;
}
.flowline ul::before {
    content: "";
    height: 4px;
    background: #525263;
    position: absolute;
    top: 13px;
    margin: 0;
    border-radius: 2px;
    z-index:0;
}
.flowline.step3 ul::before {
    width: 66.66666666%;
    left: 16.6666666%;
}
.flowline.step4 ul::before {
    width: 74%;
    left: 13.5%;
}

.flowline ul li {
    float: left;
    position: relative;
    text-align: center;
    white-space: nowrap;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
    z-index:1;
}
.flowline.step3 ul li {
    width: 33.33333333333333%;
}
.flowline.step4 ul li {
    width: 25%;
}
.flowline li .flow_number {
    line-height: 30px;
    width: 30px; height: 30px;
    margin-bottom: 5px;
    font-size: 12px;
    font-size: 1.2rem;
    background: #525263;
    color: #fff;
    top: 0; left: 18px;
    display: inline-block;
    margin-bottom: 5px;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
}
.flowline li.active {
    color: #5CB1B1;
}
.flowline li.active .flow_number {
    background: #5CB1B1;
}

/* back to top */
#return-to-top {
    z-index:1000;
    position: fixed;
    bottom: 60px;
    right: 60px;
    background: rgba(237, 50, 55, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    z-index:1200;
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}




.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('info.png');
background-repeat: no-repeat;

}
.success100 {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('success.png');
background-repeat: no-repeat;
border: 1px solid #96d454;

}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('warning.png');
background-repeat: no-repeat;

}
.error100 {
color: #D8000C;
background-color: #FFBABA;
background-image: url('error.png');
background-repeat: no-repeat;
border: 1px solid #ff646d;

}


div.error-message {

  clear: both;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  /* margin-left: 30px; */
  opacity: .8;
  margin-bottom: 10px;
  padding: 10px;
  
  background-color: #cd0303;

  

}


.icon-wrapper{
    position:relative;
    float:left;
}

*.icon-blue {color: #0088cc}
*.icon-grey {color: grey}
*.icon-red {color: red}

i {   
    /*width:100px;*/
    text-align:center;
    vertical-align:middle;
}

.badge{
    background: red;
    color:white;
    width: auto;
    height: auto;
    margin: 0;
    border-radius: 50%;
    position:absolute;
    top:-8px;
    right:1px;
    padding:5px;
}